internet explorer 5 float headache

[GhostXL]

I'm working on a website, and got everything working and looking the same in
IE6, mozilla, firefox, Opera and netscape (latest versions of all browsers),
BUT internet explorer 5 sometimes makes the pages move down (making them twice
the size they should be).

I made the site using div tags and css float for positioning.

CSS:
body {
margin: 0px;
padding: 0px;
background-image: url(BG.gif);
background-repeat: repeat-y;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration:none;
}
a:link{
color: #333333;
}
a:visited {
color: #333333;
}
a:hover {
color: #660066;
}
.kop1{
text-indent:-20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
color: #BBBBBB;
}
.kop2{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #660066;
}
#container{
/*position:absolute;*/
float:left;
left:0px;
top:0px;
width:760px;
background-color: #CCCCCC;
layer-background-color: #CCCCCC;
background-image:url(overigImages/navBG.gif);
background-repeat:repeat-y;
z-index:1;
}
#top{
float:left;
width:760px;
height:25px;
background-image:url(overigImages/top.jpg)
}
#nav{
float:left;
width:340px;
}
#logo{
float:left;
width:205px;
}
#menu{
float:left;
}
#content{
float:left;
width:375px;
padding-left:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666666;
}
#footer{
float:left;
width:760px;
}

The site can be seen on:
[url]http://www.wivern.nl/photoscreenlease/[/url]

Does someone see what i'm doing wrong of what EI5 bug i need to kill?

[GhostXL]

Ok , found da solution myself.
It wa they call da "holy hack", u shoud give all objects an height.
So i added:
div {
height: 1%;
}
And no more problem........... IE is one strange beast.