IE6 giving me grief. Buggers up column widths. HELP!

[ozzie123]

I've just created a site which tests perfectly in most browsers except IE6 which ruins the column widths. It's been tested and the problem can be seen at https://browsershots.org/http://www....lty/index.html Check out how it looks in IE6.

The original CSS for the problem div is:

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

I've tried adding this to my page code:

<!--[if IE6]>
<style type="text/css">
#content {
width:245px;
}
<![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? The page can be viewed at http://www.clearlygreendesign.com/endcruelty/index.html

Thanks so much!

[Medyman]

You don't have a closing <style> tag.

Try this:


<!--[if IE6]>
<style type="text/css">
#content {
width:245px;
}
</style>
<![endif]-->