Veamos, a mí me va bien en IE9...
No pongas en línea (usando el comando "style") el tamaño a 1100px porque puede ser problema de eso que te tire la página.
Como veo que es dos por fila, pon que los li que coinciden en la izquierda sean float:left y los que coincidan a la derecha sean float: right.
Después, haz que el contenido (el <ul>) mida lo que mide de anchura tu web en total.
Cada vez que pongas un li, añádele un class "clear" con estos parámetros nuevos para implementar:
Cita: .clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
Es decir, imaginemos algo así (no hagas caso a mis puestas en línea con style="" porque eso es mejor no hacerlo, ralentiza la web.
Cita: <ul style="width: ANCHURAXXX">
<li style="float: left;">
<div>CONTENIDO</div>
</li>
<li style="float: right;">
<div>CONTENIDO</div>
</li>
<div class="clear"></div>
<li style="float: left;">
<div>CONTENIDO</div>
</li>
<li style="float: right;">
<div>CONTENIDO</div>
</li>
<div class="clear"></div>
</ul>
De este modo, se te quedarán como esperas.
Espero que te sea de ayuda. Cualquier cosa vuelves a responder. Saludos.