rollover a span

[willyfc]

Hola:

quisiera que alguien me ayudara con este problemita.

tengo 5 span en una linea que estan de esta manera:

Código:

#menu_superior{
	width:712px;
	height:68px;
	margin:0 35px 0 35px;
}
.representantes{
	width:140px;
	height:68px;
	background-color:#949494;
	float:right;
}

Código HTML:

<div id="menu_superior">
		<span class="representantes"></span>
			<img src="imagenes/linea.jpg" alt="" width="2" height="68" style="float:right" />
			<span class="representantes"></span>
			<img src="imagenes/linea.jpg" alt="" width="2" height="68" style="float:right" />
			<span class="representantes"></span>
			<img src="imagenes/linea.jpg" alt="" width="2" height="68" style="float:right" />
			<span class="representantes"></span>
			<img src="imagenes/linea.jpg" alt="" width="2" height="68" style="float:right" />
			<span class="representantes"></span>
</div> 

y lo que quiero hacer es que al pasor el cursor cambie de color pero con el span o div por que no quiero usar imágenes

gracias de antemano

[Mikmoro]

Para eso tienes dos problemas:

1.- los span no tienen contenido, y no te cogerán el tamaño a menos que añadas display: block a su selector .representantes

2.- se puede hacer span:hover, pero claro IE6 no lo entiende. Si debe ser así a la fuerza, tendrás que hacerlo con javascript

[willyfc]

Gracias Mikel

mencione que no necesariamente tienen que ser span de hecho ahora lo tengo con divs en vez de span, intente utilizar uno de tus recursos(espero no te moleste), pero creo que no lo entendí bien, tu lo haces con listas, bueno seguiré intentando o tal vez cambio de parecer y hago otra cosa.

voy a probar otra vez con el que hiciste aquí

gracias..

[Mikmoro]

Ya sabes que puedes usar todo lo que quieras.

El asunto es que en ese ejemplo son enlaces, porque IE6 sólo permite actuar el :hover a los elementos de enlaces (a).

[willyfc]

Iniciado por Mikmoro

Ya sabes que puedes usar todo lo que quieras.

Gracias