IE 6 not displaying correctly

[Geezer D]

Hi, all.

Anyone know why IE6, but NOT IE5.5 is knocking down my main content div (div id="mainContent")?

I left enough room in the layout, and all other browsers display it fine, but browsershots.com came back with this for a IE6 shot:
http://thecolonelscamp.com/ie6.png

But in IE5 it's correct:
http://thecolonelscamp.com/ie5.png

http://thecolonelscamp.com/kids.html is the site
CSS at http://thecolonelscamp.com/styles.css

Thanks in advance!

PS: browsershots.com took the shot of IE5 too quick, before the PNG hack and javascripted text kicked in, which is why it looks screwy :)

[monicasaha]

add this to ur css


.arrowgreen {
width: 210px; /*width of menu*/
border-style: solid;
border-color: #608540;
border-width: 1px;
float:left;
}


never forget to add br spacer after u end #mainContent div.

[monicasaha]

sry that part is showing invisible so once more..

.arrowgreen {
width: 210px; /*width of menu*/
border-style: solid;
border-color: #608540;
border-width: 1px;
float:left;
}
add br spacer as said ^^