¿Por que se ven las imagenes escalonadas en IE?

[Foziw]

Hola tengo un problema, en firefox va perfecto pero en IE se ven las imagenes escalonadas. Estoy haciendo un menu con hover en css. Ahi va el codigo:

Código:

#nav img { border: none; }
#nav li { list-style:none; }
#nav li a { float: left; height: 56px;  }

#boton1 a{width:61px; background:url(../img/boton1.jpg);   }
#boton1 a:hover{width:61px; background:url(../img/boton1-2.jpg);  }
#boton2 a{width:102px; background:url(../img/boton2.jpg);}
#boton2 a:hover{width:102px; background:url(../img/boton2-2.jpg);  }
#boton3 a{width:64px; background:url(../img/boton3.jpg);  }
#boton3 a:hover{width:64px; background:url(../img/boton3-2.jpg); }
#boton4 a{width:59px; background:url(../img/boton4.jpg);  }
#boton4 a:hover{width:59px; background:url(../img/boton4-2.jpg); }
#boton5 a{width:62px; background:url(../img/boton5.jpg); }
#boton5 a:hover{width:62px; background:url(../img/boton5-2.jpg);   }

Pueden ver como queda en http://www.impulsaconsultores.net/version2

Saludos y gracias

[Raulmmmm]

Prueba a ponerle el float: left al "li" y quitárselo al "a".