este es mi codigo....
Código HTML :
<html> <head> <title>La navaja de Occam</title> <link href="css/estilos.css" type="text/css" rel="stylesheet"/> </head> <body> <div id="contenedor"> <div id="menuFijo"> <ul> <li class="nivel1"><a href="#" id="seleccion" class="nivel1">Inicio </a></li> <li class="nivel1"><a href="#" class="nivel1">Biografias</a> <!--[if lte IE 6]><a href="#" class="nivel1ie">Biografias<table class="falsa"><tr><td><![endif]--> <ul> <li><a href="#">Biografia 1</a></li> <li><a href="#">Biografia 2</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="nivel1"><a href="#" class="nivel1">Noticias</a></li> <li class="nivel1"><a href="#" class="nivel1">Entrevistas</a> <!--[if lte IE 6]><a href="#" class="nivel1ie">Entrevistas<table class="falsa"><tr><td><![endif]--> <ul> <li><a href="#">Entrevista 1</a></li> <li><a href="#">Entrevista 2</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="nivel1"><a href="#" class="nivel1">Recomendaciones</a> <!--[if lte IE 6]><a href="#" class="nivel1ie">Recomendaciones<table class="falsa"><tr><td><![endif]--> <ul> <li><a href="#">Recomendacion 1</a></li> <li><a href="#">Recomendacion 2</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="nivel1"><a href="#" class="nivel1">Dossier</a></li> </ul> </div> </div> </body> </html>
este es el CSS
Código HTML :
* {
margin: 0px;
padding: 0px;
outline: 0;
}
html, body{
height: 100%;
}
body{
padding: 0px;
margin: 0 auto;
text-align: center;
background-color: #2E2E2E;
}
#contenedor{
text-align: center;
margin: 10px auto;
width: 75%;
height: 100%;
background-color: #FFF;
border: 5px solid #000;
}
#menuFijo{
width: 100%;
}
#menuFijo ul{
margin: 0px auto;
list-style-type:none;
}
#menuFijo ul li.nivel1 {
float:left;
padding: 0px 1px 0px 1px;
}
#menuFijo ul li a{
display: block;
text-decoration: none;
font-size: 19px;
padding: 3px 10px 3px 10px;
background: #6E6E6E;
color: #FFF;
position: relative;
}
#menuFijo ul li:hover{
position: relative;
}
#menuFijo ul li a:hover,#menuFijo ul li:hover a.nivel1,#menuFijo ul li a#seleccion{
background-color: #2E2E2E;
color: #FFF;
position: relative;
}
/* Submenu */
#menuFijo ul li ul {
display:none;
}
#menuFijo ul li a:hover ul, #menuFijo ul li:hover ul
{
display: block !important;
display: inline; /*For IE*/
position: absolute;
left: 0px;
}
#menuFijo ul li ul li{
padding: 1px 0px 0px 0px;
}
#menuFijo ul li ul li a{
width: 100%;
padding: 3px 10px 3px 10px;
}
#menuFijo ul li ul li a:hover{
position: relative;
}
/* *********** */
Los menus Biografias entrevistas y recomendaciones despliegan submenus... en la mayoria de exploradores se ve biien... a excepcion de IE8 que noo despliega los submenus....
que puedo hacer¿¿??? ... para que en IE8 despliegue los submenus.... de antemano muchas gracias por su valiosa ayuda
