Menu queda mal en IE como una escalera

[kalvinman]

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>

[willyfc]

prueba haciendo flotar los li no los <a>

Código css:

#kmenu {  
    list-style:none;
    margin:0;
    padding:0;
}
#kmenu li{float:left;width: 135px;text-align:center;padding: 10px 0 0 0;height: 20px;}
#kmenu li a{
    background:url(images/cmis_r4_c4.jpg);
    color:#336600;
    font-weight:bold;
    text-decoration:none;   
    margin:0px;
    display:block;
}
#kmenu li a:hover {
    background:url(images/cmis_r4_c4.jpg);
    color: #FFFFFF;
    background-position:bottom;
    }
 

[Shadow123]

GEnial no era yo lo que lo postee pero a mi me sirvio.. gracias!