Image Float Problem in IE7

[Bluewillow]

Hi, thanks for reading my post. I'm just learning CSS. I've made a page that works in Firefox & IE6, but not IE7. I have a header div, left side div, right side div (content), and footer. I made the photos in the content area float left of the text. The problem is when I view the page in IE7, the photos "disappear".

Here's a little of my code (I wasn't sure what to include):

#navigate {
float: left;
width: 140px;
padding: 20px;
}

#content {
margin: 0 80px 0 80px;
padding: 20px;
border-left: 5px dotted black;
border-bottom: 5px dotted black;
background-image: url("sc8bg3a.gif");
}

.imageFloat {
float: left;
border: 5px solid black;
width: 100px;
margin: 0 15px 15px 0;
}

.floatstop {
clear: left;
}

Thanks for your help!

[SuzyUK]

Hi Bluewillow and Welcome to WebmasterWorld!

can you code up a sample, with the HTML structure too, which shows the image disappearing, then post the HTML code for us too.

Do the photos always disappear? if you float just a div with some content does it disappear?

[added]: Oh and let us know what doctype if any you're using

[edited by: SuzyUK at 11:27 am (utc) on June 4, 2007]