Botones desplegables css e ie

[IruLaN]

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!!!!!

[IruLaN]

Nadie puede ayudarme??? :(

[Mikmoro]

Lo cierto es que ahí hay un lio importante, con un anidamiento de tablas realmente excesivo (a mi entender), y no imagino por qué tienes toda la tabla de abajo dentro de un blockquote.

Puedes probar a ponerle posición relativa al blockquote y un z-index bajo, y al ul un z-index más alto.

blockquote {position: relative; z-index: 1;}

ul.menu > li > ul {display:none;
left:-35px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
top:19px;
width:100px;
z-index: 1;}