Reto

[ordsanmi]

Hola, os propongo un reto estoy utilizando el siguiente ejemplo de menus desplegables de cssplay:

http://www.cssplay.co.uk/menus/drop_variation.html

cuando se pasa el raton por encima de una sección aparece el menu desplegable, con fondo transparente. El problema es que si os fijais el fondo en firefox se ve blanco y en IE se ve en gris (con mucha menos luminosidad)

En el css, esta el siguiente codigo para este efecto

Código:

.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:1.5;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}

donde el autor comenta que para IE no funciona realmente bien, la propuesta seria como hacerlo para que en IE tambien sea de color blanco el fondo

Para mi esta siendo Complicadisimo

La css seria esta:
http://www.cssplay.co.uk/menus/css/drop_variation.css

y el XHTML el siguiente:
http://www.cssplay.co.uk/menus/css/drop_variation.txt

Gracias y saludos

[ordsanmi]

En la última linea del css

Código:

/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
}

El background se pone a #fff y solucionado