Bueno amigos estava diseñando una web de lo mas bonita y de repente quise probarla en IE para ver como estava quedando, y o sorpresa, el menu principal en CSS queda como una escalera y no se como corregirlo, auqi les paso el codigo que uso para ver si me pueden ayudar. xD
Código:
#kmenu {
list-style:none;
margin:0;
padding:0;
}
#kmenu li a{
background:url(images/cmis_r4_c4.jpg);
color:#336600;
font-weight:bold;
text-decoration:none;
width: 135px;
height: 20px;
margin:0px;
text-align:center;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border:none;
float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
}
#kmenu li a:hover {
background:url(images/cmis_r4_c4.jpg);
color: #FFFFFF;
background-position:bottom;
}
Código:
<ul id="kmenu">
<li><a href="#">NOSOTROS</a></li>
<li><a href="#">HOGAR</a></li>
<li><a href="#">INSTITUCIONAL</a></li>
<li><a href="#">CONTACTO </a></li></ul>