Manejo de Border con Hover

AeroCross · #1 (**permalink**) 12/02/2009, 19:40

Tengo este pequeño pedazo de código:

Código:

ul.main_menu li
{
	padding-top: 4px;
	padding-bottom: 4px;
	border-left: #FFFFFF thick solid;
	border-right: #FFFFFF thick solid;
}

ul.main_menu li:hover /* No funciona en IE6 */
{
	border-left: #09F thick solid; 
	border-right: #09F thick solid;
}

Hover, como pueden ver, no funciona en IE6 con los Border, pero si en Firefox y los demás browsers decentes. ¿Algún workaround?

willyfc · #2 (**permalink**) 12/02/2009, 20:32

el ie6 solo permite utilizar hover sobre un vínculos, mira esta post de mikel y ve el código fuente de cualquiera de esos menús y fijate como lo hace con comentarios condicionales para ie6

http://www.forosdelweb.com/f53/faqs-...ml#post2453726

AeroCross · #3 (**permalink**) 12/02/2009, 20:46

No sabía que el IE6 no soportaba eso, una lástima, pero una cruel (y bastante predecible) realidad.

Muchas gracias por tu respuesta =)