Me acabo de dar cuenta que ya habia modificado algo de ese codigo
aqui tengo los originales, es el que funciona en Firefox, pero en IE no
Alguien le podria dar un vistazo?
Gracias!
CSS:
Cita: * { margin: 0px;
padding: 0px; outline: 0;
}
html, body {
width: 100%;
}
body { background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu {
height:39px;
font-size: 0.65em;
width: 761px;
margin: 0px auto;
position:absolute;
}
#menu ul {
list-style-type: none;
}
#menu ul li.nivel1 {
text-align: center;
float:left;
width: 93px;
margin-right: 2px;
vertical-align:middle;
background-image:url(../images/fdo.jpg);
}
#menu ul li a {
display: block;
text-decoration: none;
height:35px;
color: #fff;
border: solid 0px;
padding: 8px;
position: relative;
background-image:url(../images/fdo.jpg);
}
#menu ul li:hover {
height: 25px;
position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
background-image:url(../images/fdo2.jpg);
height:25px;
color: #999;
position: relative;
}
#menu ul li a.nivel1 {
display: block!important;
display: none;
position: relative;
height:23px;
}
#menu ul li ul {
text-align: left;
display: none;
height:25px;
}
#menu ul li a:hover ul, #menu ul li:hover ul {
display: table-column;
position: absolute;
left: 0px;
height:25px;
}
#menu ul li ul li a {
width: 250px;
padding: 10px 45px 0px 10px;
border-top-color: #000;
height:25px;
}
#menu ul li ul li a:hover {
border-top-color: #000;
padding: 10px 45px 0px 10px;
height:28px;
}
table.falsa {
border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
HTML:
Cita: <div id="menu">
<ul>
<li class="nivel1"><a href="acerca.html" class="nivel1">Acerca de Integram</a>
<!--[if lte IE 6]><a href="http://www.forosdelweb.com" class="nivel1ie">Opción 1<table class="falsa"><tr><td><![endif]-->
<ul>
<li><a href="acerca.html#quienes">¿Quiénes Somos?</a></li>
<li><a href="acerca.html#nosotros">Nosotros</a></li>
<li><a href="acerca.html#mision">Misión</a></li>
<li><a href="acerca.html#vision">Visión</a></li>
<li><a href="acerca.html#valores">Valores</a></li>
<li><a href="acerca.html#antecedentes">Antecedentes</a></li>
</ul>
</li>
<li class="nivel1"><a href="servicios.html" class="nivel1">Servicios </a>
<ul>
<ul>
<li><a href="servicios.html#certificacion">Certificación INTEGRAM</a></li>
<li><a href="servicios.html#talentos">Programa Formación de Talentos</a></li>
<li><a href="servicios.html#desarrollo">Formación Desarrollo Empresarial</a></li>
<li><a href="servicios.html#actualizacion">Programa Actualización Técnica</a></li>
<li><a href="servicios.html#asistenciat">Asistencia Técnica a Distancia</a></li>
<li><a href="servicios.html#asistenciaf">Asistencia a Flotillas</a></li>
<li><a href="servicios.html#sistema">Sistema TSA - Tecnología en Sist. Automotrices</a></li>
</ul>
</ul>
</li>
<li class="nivel1"><a href="talleres.html" class="nivel1">Talleres Certificados</a>
</li>
<li class="nivel1"><a href="miembros.html" class="nivel1">Miembros de la Comisión</a>
</li>
<li class="nivel1"><a href="cuida.html" class="nivel1">Cuida tu automóvil</a> </li>
<li class="nivel1"><a href="eventos.html" class="nivel1">Eventos</a> </li>
<li class="nivel1"><a href="medios.html" class="nivel1">En los medios</a>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="contacto.html" class="nivel1">Contacto<br><br></a>
</li>
</ul>
</div>