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®</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