Problem: Floated Image works in FF and IE7, but not in IE6

I can't for the life of me figure out what is going on.

Go to www.newlibertycreation.com and see the 300x250 google ad near the top. It looks fine in FF, but it pushes the text down in IE6.

I've tried all the usual stuff, adding widths to all the divs, doing display inline, but nothing changes.

Please help!

Thanks!

 

In your CSS find:
#content p {margin:0 0 15px;}

Replace it with:
#content p {margin:0 0 15px; min-width:100px; width:100px; width:auto;}

 

Yeah, if you're floating stuff within a div, they need widths too... and old IE sees "width" and thinks, "min-width." So Hamid's code covers you for the IEs.

I think the only thing you don't need to add the min-width to is when you're floating images... possibly because they're technically an inline element?

 

Worked like a charm. Thanks!