I've just created a site which tests perfectly in most browsers except IE6 which ruins the column widths. The third column is pushed below the middle column and I've tried numerous fixes to no avail. The site can be viewed at http://www.clearlygreendesign.com/endcruelty/index.html

The original CSS for the problem div is:

Code: Select all

#content {
width:270px;
height:615px;
background:#6a5126;
float:right;
margin: 0 5px 0 5px;
padding: 18px 18px 18px 18px;
display: inline;
}

I've also tried adding a conditional comment to my page as follows:
<!--[if IE]>
<style type="text/css">
#content {
width:260px;
height:600px;
}
</style>
<![endif]-->

I've never done this before but it doesn't seem to be working. Does anyone have any ideas how to fix this problem? I'm ready to pull out my hair with this IE glitch!

Thanks so much!