Compatibilidad con listas

[daxtor]

Buenas tengo una lista con este codigo:

Código HTML:

<div id="menu"><div id="navegacion"><img src="http://sim-adictos.com/img/menu.gif" alt="MENU" width="120" height="30" border="0" /><ul id="navegacion-a">
<li id="seccion">La web</li>
<li><a href="#">Inicio</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Multimedia</a></li>
<li><a href="#">Staff</a></li>
<li><a href="#">Contacta</a></li>
<li><a href="#">Webmaster</a></li>
<li id="seccion">Los Sims 2&reg;</li>
<li><a href="#">Reportaje</a></li>
</ul>
<img border="0" src="http://sim-adictos.com/img/menuabj.gif" width="120" height="30"></div>
otro texto
</div> 

y su codigo css seria este:

Código:

#menu { 
		width:120px;
		height:100%;
		float:left;
		font-size: 11px;
		margin-top: 20px;
		clear:left;
		margin-left: 0 px;
}
#navegacion {
		background-image:url(img/fondomenu.gif)
		
		
}

#navegacion li {
		list-style: none;
}

El problema esque en opera 9 y firefox 1.5 se vee bien en cambio en IE pues me sale el menu en medio y no pegado a la izquierda, si eso mas tarde pongo una captura de pantalla

EDIT: aqui os dejo la captura de pantalla

[AlvaroG]

ponle margin : 0px; a navegacion li o a la <ul>

Prueba y comenta el resultado.


Saludos.

[safe]

Prueba agregando

Código:

#navegacion-a {
    margin: 0px;
    padding: 0px;
}

[daxtor]

muchas gracias a los dos, al final solo calia añadir

Código:

#navegacion-a {
		padding-left: 3px;
		margin: 0px;
		
}

lo que pasa esque en el post de esplicacion me deje de poner navegacion-a que tenia padding 3px

En fin, ya esta solucionado, gracias