Hola! es la primera vez escribo en este foro. Gracias de antemano por la ayuda que me puedan prestar.
Tengo un menu basado en una lista con el siguiente codigo:
<td class="menu">
<ul class="menuList">
<li><strong><a href="/bla/">bla bla bla</a></strong></li>
<li>
<ul class="submenuList">
<li><a href="/lelele">lelele</a></li>
<li><a href="lilili">lilili</a></li>
</ul>
</li>
</ul>
</td>
El css que lo controla es:
.menu ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.menuList li{
list-style-type:none;
margin:0px;
padding:0px;
}
.menuList li a, .menuList1 li a:focus{
display: block;
background-color: #AD2624;
border: 1px solid #FFFFFF;
margin: 0px;
text-decoration: none;
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica;
font-size: 10px;
padding: 3px;
}
ul.menuList li ul.submenuList{
margin:0px;
padding:0px;
list-style-type:none;
}
.menuList li a:hover {
background-color: #F2E4E4;
border: 1px solid #AD2624;
color:#AD2624;
}
.submenuList li a, .submenuList1 li a:focus {
display: block;
background-color: #E6E6E6;
border: 1px solid #FFFFFF;
margin: 0;
text-decoration: none;
color: #AD2624;
font-family: Verdana,Arial,Helvetica;
font-size: 10px;
padding: 3px;
}
Lo que quiero es que me salga un menu con cuadrados uno debajo de otro. En Firefox funciona perfectamente pero en internet explorer me deja un margen entre bla bla bla y lelele como si hubiera un <br>.
Alguien sabe donde puede estar el fallo??
Gracias