ayuda con float left en IE

[nimraithkar]

Hola. Soy nueva en el foro y novata en el css
me estoy volviendo completamente loca.
Tenía un codigo mas o menos limpio y funcionaba perfecto en ff, pero lo probé en IE y era un desastre.
Buscando terminé por meterle un montón delineas de más y mas o menos se arregló.
Pero tengo una barra de navegación con float left que en IE no flota.

Ya intenté con display:inline; pero sigue estando debajo del bloque de navegación :(
alguna idea?

gracias

[nimraithkar]

copio un trozo del codigo... tal vez ayude porque soy mala explicando

#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:

<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...

[micky_tm]

trata usando {
position:absolute;
left:coordenadas en px;
top:coordenadas en px;
}
y le das las coordenadas de donde quieres que este

[nimraithkar]

lo he intentado con position:relative, porque la pagina la tengo centrada

Si posiciono absoluto esa columna quedara anclada, no?
lo intentaré de todas formas

[nimraithkar]

buscando (desesperadamente) di con una respuesta. Al menos parece funcionar.
El contenido tiene un width (o height da lo mismo) especificado y eso a IE no le gusta. Asi que en lugar de deslizarse al lado del elemento flotante se pone debajo.

Eliminé el ancho del div que esta directamente "en contacto" con mi menu flotante y voilá...
o eso creo. Ya veré cuando lo tenga todo terminado si no me hace alguna cosa rara XD