IE6 CSS float problems

Question

I have a problem with the floating side panel. It looks ok in Firefox but i think its being push by somthing in IE as it appears at the bottom on the page.

The url is: www.sellandrentbackhouse.co.uk

I have tried making the blog look the same as the websites but this appears pushed out even in firefox. I cant find out whats wrong. AHHHH!

Any ideas? www.sellandrentbackhouse.co.uk

Answer 1

IE6 doesn't always float things correctly when the widths of two items are close to 100% of the width of their container. You can try a couple of things to correct this:

1. Add margin-right:-20px; to your #main div
2. Float the content left and float the sidePanel right