Buenos dias, tengo problema con los botones desplegables que pueden verse en la siguiente url
http://www.314bcn.com/contactompv.php
El problema es que en firefox funcionan perfectamente pero en ie no. Cuando llega el punto en el que se solapan con la tabla de abajo se esconden.
Dejo el codigo:
CÓDIGO CSS:
ul.menu
{
list-style:none;
}
ul.menu li
{
position:relative;
widht:100 px
}
ul.menu ul
{
position:absolute;
left:60px;
top:-2px;
display:none;
list-style:none;
}
ul.menu li:hover>ul
{
display:block;
width:100px;
}
ul.menu> li> ul
{
position:absolute;
left:-35px;
top:19px;
display:none;
list-style:none;
width:100px;
}
ul.menu>li
{
display:inline;
}
.botones
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
padding: 4px;
color: #FFFFFF;
background-color: #990000;
text-align:left;
text-decoration: none;
}
.botones:link,
.botones:visited
{
border-top: 1px solid #cccccc;
border-bottom: 2px solid #666666;
border-left: 1px solid #cccccc;
border-right: 2px solid #666666;
text-decoration: none;
}
.botones:hover
{
border-bottom: 1px solid #cccccc;
border-top: 2px solid #666666;
border-right: 1px solid #cccccc;
border-left: 2px solid #666666;
}
CÓDIGO HTML:
<td>
<ul class="menu">
<li class="botones">Empresa
<ul>
<li class="botones">Historia</li>
<li class="botones">Política</li>
<li class="botones">Estrategia</li>
</ul>
</li>
<li class="botones">Empleados
<ul>
<li class="botones">Presentación</li>
<li class="botones">Organigrama</li>
</ul>
</li>
<li class="botones">Servicios
<ul>
<li class="botones">Obra nueva
<ul>
<li class="botones">Vivienda unifamiliar</li>
<li class="botones">Vivienda plurifamiliar</li>
<li class="botones">Naves</li>
<li class="botones">Oficinas</li>
</ul>
</li>
<li class="botones">Mantenimiento
<ul>
<li class="botones">Fachadas</li>
<li class="botones">Cubiertas</li>
</ul>
</li>
<li class="botones">Reformas
<ul>
<li><a href="serpavimentos.html" class="botones">Pavimentos</a></li>
<li> Albañileria</li>
</ul>
</li>
<li> Vivienda</li>
<li> Decoración</li>
<li> Obra civil</li>
</ul>
</li>
<li><a href="contactompv.php" class="botones">Contacto</a></li>
</ul></td>
GRACIAS!!!!!