CSS float mismatch between firefox and IE

[concorde]

Hi.

This can be very known problem for all of you, but I'm new to CSS and have this problem. I have a blog based on Wordpress - software, but the page only appears right with Firefox (1.5.0.7) and not with IE6 (I'm using XP with 1600 x 1200 , if that matters)

You can see the problem in the page itself: http://www.veep.ee/rocky

The right hand side navigation floats correctly to the (top) right in the firefox, but it's under everything (still right, though) in IE. What's the problem? I don't know my way in the CSS - jungle and that layout came with Wordpress template. I have only changed images to my own.

How to make IE look the same?

Thanks.

The CSS used can be found at http://www.veep.ee/rocky/wp-content/...r-10/style.css

// Veepee

[drhowarddrfine]

I do not see the problem. Does it only appear at 1600? My monitor won't go that high.

[concorde]

Hi. I "solved" the problem. For some reason right panel being 203px wide, caused IE to dump it to the bottom (but not firefox). When I changed it to 202px wide now it's OK.

There should't be any width limitation on that, but obviously there's something funny in Internet Messploder.

So it was all about one pixel...:-D

[drhowarddrfine]

Yes, IE tends to screw up on margins and borders. Even if the width of all your elements adds up to the width of the container, IE will throw a few extra pixels in for you just for fun.