Strange effect in my layout using floating menu

[Setaou]

I made a menu on the left of my page using the float: left property. The
main content of the page is static with a left margin larger than the size
of the menu.

#menu {width: 190px; float: left}
#content {margin-left: 200px; height: 100%;} (the height: 100% is used to
correct a bug of IE)

In Mozilla, it always works perfectly, but sometimes in IE the box
containing the main content of the page goes down to the bottom of the menu.
(ie. in http://cercle-eso.apinc.org/dossier-31.html). The phenomena does not
appear regularly, and i saw that reducing the size of the IE window and
enlarging it sometimes solve the problem. But there is another strange
aspect of this problem. In my front page (http://cercle-eso.apinc.org/),
when I reduce the size of the window, the content goes down, but when I
reduce a little more, it goes up ... a little more again and it goes down
... I don't know why it does this !

Does somebody know how to solve this problem ?

Setaou

PS: I'm using IE6 with all the last updates.

[Gonzalo Arin]

Try placing both the menu and the content with absolute position:

#menu {position:absolute; left:0px; top:10px; width:190px;}
#content {position:absolute; top: 10px; margin-left:200px; height:100%;}

Hope this work.
Rgrds,
Gonzalo

"Setaou" <setaou_arobase_setaou.cjb.net> escribió en el mensaje
news:400040af$0$6980$7a62...@news.club-internet.fr...