copio un trozo del codigo... tal vez ayude porque soy mala explicando
Cita: #bloqueNavegacion { float:left; background:transparent; margin:0; padding:0; width:145px; display:inline; }
#navbar { margin:0; padding:0; color:#660000; list-style-type:none; }
#navbar li { padding:0 0 20px 0; width:145px; height:53px; }
#empresa a { display:block; height:53px; background:url(media/nav_empresa.gif) no-repeat; }
#productos a { display:block; height:53px; background:url(media/nav_tecno.gif) no-repeat; }
#item3 a { display:block; height:53px; background:url(media/nav_div.gif) no-repeat; }
#item4 a { display:block; height:53px; background:url(media/nav_cont.gif) no-repeat; }
#navbar li a span { display:none; }
#empresa a:hover { display:block; background:url(media/nav_empresa_on.gif) no-repeat;}
#productos a:hover { display:block; background:url(media/nav_tecno_on.gif) no-repeat; }
#item3 a:hover { display:block; background:url(media/nav_div_on.gif) no-repeat; }
#item4 a:hover { display:block; background:url(media/nav_cont_on.gif) no-repeat; }
#contenido { width:797px; margin-left:135px; background:url(media/fondo2px.jpg); padding:1px 0; }
#contenido p { width:350px; position:relative; left:60px; text-align:justify; }
y el html es este:
Cita: <div id="bloqueNavegacion">
<ul id="navbar">
<li id="empresa"><a href=""><span>empresa</span></a></li>
<li id="productos"><a href=""><span>productos</span></a></li>
<li id="item3"><a href=""><span>item3</span></a></li>
<li id="item4"><a href=""><span>item4</span></a></li>
</ul>
</div>
<div id="contenido">
<p>aqui va el contenido
</p>
</div>
en ff consigo que flote, pero en IE no. El contenido queda debajo de el div de navegación...