Menú básico se cae a la derecha en IE

[rw523252]

Hola éste es un menú básico, que cuando lo veo en IE se cae a la derecha, me gustaría si pudieran ayudarme a modificar el código, para que funcione correctamente, desde ya gracias, y saludos.

Código HTML:

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Institucional</a></li>
  <li><a href="#">Agenda</a></li>
  <li><a href="#">Contacto</a></li>
</ul>
 

Código CSS:

ul {list-style:none;
margin: 0px;
padding:0px}
 
li a {width:120px;
height:21px;
display:block;
background-color:#99CCFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
padding-top:5px;
margin-left:5px; 
color:#000000;
text-decoration:none;
float:left}
 
li a:hover {background-color:#006699;
color:#FFFFFF;
font-weight:bold}