hola amigos del foro! tengo un problema con mi menu desplegable y el IE.
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