IE7 and IE6. again

[barryman9000]

Everything on our site looks great in IE7 and FireFox, but in IE6 things don't look the same.

the div#column-3 is right where it should be in IE7 and FF (right side of the page, near the top) but in IE6 its on the bottom left.

Is there anything in these two id selectors that would cause that behavoir in IE6?

div#column-3 { width: 175px; float: left; padding-bottom: 10px;}
div#column-3 hr { color: #FBB034; background-color: #FBB034; height: 2px; border: 0; }

I'm not great with CSS, but if anyone has an idea I'd really appreciate some help.

[csuguy]

Well - you are telling it to float:left...

[barryman9000]

Thanks for the reply. Does float:left do something different in IE6? If so, is there something I can replace that with so it will look the same in both browsers?

[csuguy]

well - if you want it to display on the right side of the page - you shouldn't float it left. Of course - your only showing two lines of css, not your entire code. So float left maybe appropriate. But just looking at that - you should use float:right to make it go on the right side.

[barryman9000]

I see what you're saying. These styles apply to the third, far right column on the page, and each column is floating left.

I just can't figure out why it works fine in IE7 and FF, but not IE6, where the whole 3rd column is on the bottom left of the page.

[barryman9000]

I got it. All three div columns were in another div called column-group. Once I extended the width a little, there was enough room for the third column to actually sit on the right side of the page. I guess without enough space (width) in the column-group div it was getting squeezed to the bottom... in IE6. Weird

Thanks for the suggestions.

[Fotiman]

IE6 has some (many) bugs relating to floated items and widths. It is likely that you were simply triggering one of those bugs, causing your container to have too little remaining space for the last column.