Float CSS issues in IE7

[HairyHun]

hi,

i have pics on a blog that I want to float left.

Under IE7, only the first 10 pixels or so appear. Some pics another ribbon is visible lower.

The site is: Pentatours

I tried the built-in align left feature, I added style float left in the img and in a div. I even create a class

.imleft {
	display: block;
	float: left;
}

On the pics in the main content area have that. Possible interference between other codes?

If I remove the float, then it appears fine.

Thanks for your help
HH

PS: This issue is only on the homepage.... bizarre!

 

[bobsoap]

Your site doesn't validate. Firefox is generally more forgiving with unclosed tags than IE. You have 23 errors in there - including a few <span> tags that haven't been closed. If you fix that, it might just do it for IE. Usually does

Here is the page:
[Invalid] Markup Validation of http://www.pentatours.com/english/ - W3C Markup Validator

 

[kblessinggr]

Your site doesn't validate. Firefox is generally more forgiving with unclosed tags than IE. You have 23 errors in there - including a few <span> tags that haven't been closed. If you fix that, it might just do it for IE. Usually does

Here is the page:
[Invalid] Markup Validation of http://www.pentatours.com/english/ - W3C Markup Validator

Yea, open tags always reak havoc with almost any browser.

The other thing you need to make sure is to clear your float before exiting the container, otherwise IE gets bitchy.

for example.

<div id="container">
  <div style="float: left;">yada yada</div>
  <div style="float: right;"> yada yada</div>
  <br style="clear: both;"/>
</div>

 

[kblessinggr]

PS: http://www.pentatours.com/english/images_314/pixel.gif is a dead link in the code.