IE Rendering Issues

[ChrisLKirby]

I have spent the entire day creating a website in CSS that displays fine in Firefox, Opera, and Safari, however, when viewing the page in IE 6 and IE 7, ugly stuff happens. The HTML is validated strict. If anyone has any suggestions as to what I am doing wrong, I would greatly appreciate your help. The URL is http://thecomputergroup.net/clients/kw

[Fang]

Include the margins in the total width of #col1 and #col2#col1 {
float:left;
width:350px;
text-align:left;
margin-top:10px;
margin-left:10px;
}

#col2 {
float:left;
width:452px;
text-align:left;
margin-top:10px;
margin-right:10px;
}
and any elements that are too wide for the new widths must also be changed.

The background of fieldset includes the area around the legend in IE.
Place the text in the fieldset in a div and give this the background color, not the fieldset.

[ChrisLKirby]

thank you for pointing me out in the right direction. I have the site looking much better in IE now. However, when i added a div inside the fieldset, instead of making the whole fieldset background color change, it was just a colored div box inside the fieldset. Is there a proper way to change the background color of a fieldset so that it wont overrun the boundaries in IE?

[Kravvitz]

But Fang suggested you put the new <div> around the fieldset, not in it.

Check out Legends of Style (http://www.tyssendesign.com.au/articles/html/forms/legends-of-style/).