Veo que se ha originado una especie de debate. Agradezco a todos vuestras respuesta, ya solucione parte del codigo pero ahora resulta que el menu me funciona perfectamente en IE7, Firefox, Opera, Safari y Chrome, el unico donde no me funciona es en IE6. No tengo ni idea de el porque.
Mi intención es que se vea cada botón uno debajo del otro, sin margenes ni viñetas ni nada, simplemente como sucesiòn.
alguien sabe porque en IE6 no se ve bien?, me sale un espacio debajo de cada li dentro de submenuList.
alguna idea? hay algo en mi codigo incompatible con IE6???
gracias.
Aqui dejo el codigo:
CSS............................................... ...................
.menu ul{
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;
}
.menuList li a:hover {
background-color: #F2E4E4;
border: 1px solid #AD2624;
color:#AD2624;
text-decoration: none;
}
.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;
}
html.............................................. ...................
<td class="menu">
<ul class="menuList">
<li><strong><a href="/blablabla">blablabla</a></strong>
<ul class="submenuList">
<li><a href="lalala">lalala/a></li>
<li><a href="lelele">lelele</a></li>
<li><a href="lilili">lilili</a></li>
</ul>
</li>
</ul>
</td>