Estoy trabajado en este proyecto, y a la hora de chequear la funcionalidad de mi menu me doy cuenta que el background-color del <ul>. En el resto de los navegadores funciona sin problemas.
Es raro porque cuando chequeo los archivos desde mi maquina, funciona sin problemas, pero cuando lo subo al servidor y los abro desde IE (cualquier version, 6, 7, 8) no se ve el background-color del <ul>. A que se debera? alguien me puede dar una mano?
este es el link donde pueden verla
[URL="http://www.vrahman.tv/prueba/index.html"]http://www.vrahman.tv/prueba/index.html[/URL]
aca les dejo el codigo css
Código:
#menu { height:94px; width:968px; position:relative; float:left; z-index:1; } #menu ul{ margin-left:13px; margin-top:49px; padding-left:99px; width:871px; } #menu li { height:38px; width:146px; position:relative; float:left; list-style:none; margin-top:0px; margin-right:27px; } #menu li a { border-bottom-color:#999; border-bottom-style:solid; border-bottom-width:1px; color:#999; display:block; font-family:'Museo300',Verdana,Arial,Helvetica,sans-serif; font-size:16px; font-style:normal; font-variant:normal; font-weight:normal; padding-bottom:3px; padding-top:3px; text-decoration:none; } #menu li a:hover { display:block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #008888; } #menu li ul { margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; opacity:0.85; padding-bottom:33px; padding-left:0; padding-right:0; padding-top:19px; position:relative; width:146px; background-color:#EFEFEF; /*---border radius--*/ -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; behavior:url(fonts/border-radius.htc); /*----dropshadow-----*/ -moz-box-shadow: 0 3px 10px #999; -webkit-box-shadow: 0 3px 10px #999; box-shadow: 0 3px 10px #999; /*----opacity ie----*/ filter:alpha(opacity=55); } #menu li ul li { height:45px; width:146px; position:relative; float:left; } #menu li ul li a { font-family: "Museo 300", Verdana, sans-serif; color:#999999; font-size:14px; padding-bottom:5px; margin-left:5px; margin-right:5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; font-variant: normal; display:block; } #menu li ul li a:hover { color: #00FFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#00FFFF; display:block; }
gracias!
R