El menu funciona perfecto en Firefox y Chrome, pero en IE no despliega.¿Como puedo hacer para que este menu emergente funcione en IE8?
Aca el codigo del menu CSS:
ul#menu-popup li a {
padding-left: 6px;
padding-right: 6px;
width: auto;
float: left;
list-style: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
outline: 0;
}
ul#menu-popup li:hover a {
padding-left: 5px;
padding-right: 5px;
float: left;
width: auto;
height: 23px;
list-style: none;
color: #FFFFFF;
text-shadow: 0.1em 0.1em #666666;
text-decoration:none;
background-color: #246175;
border-left: solid 1px #246175;
border-right: solid 1px #246175;
outline: 0;
}
ul#menu-popup a {
padding-top: 2px;
display: block;
width: 150px;
height: 20px;
color: #FFFFFF;
text-shadow: 0.1em 0.1em #666666;
text-decoration: none;
text-align: center;
outline: 0;
}
ul#menu-popup ul {
margin-top: 25px;
position: absolute;
z-index: 2;
display: none;
width: 152px;
height: auto;
background-image: none;
outline: 0;
}
ul#menu-popup li:hover ul {
display: block;
}
ul#menu-popup li:hover ul li {
list-style: none;
}
ul#menu-popup li:hover ul li a {
padding-bottom: 4px;
padding-left: 6px;
padding-right: 2px;
width: 141px;
height: 18px;
text-align: left;
color: #FFFFFF;
text-shadow: none;
font-family: Arial, Helvetica, sans-serif, Tahoma;
font-size: 11px;
background-image: none;
border-top: solid 1px #000000;
border-bottom: solid 1px #407485;
outline: 0;
}
ul#menu-popup li:hover ul a:hover {
background-color: #407485;
color: #FFFFFF;
outline: 0;
}
