Note below is my CSS. This is a three column website. my main content is in the center. The problems that I am having is that my main content does not adjust correctly to IE. It is fine in FF but not in IE.

.columns3headers2 #mainContent1 {
 margin: 0 22% 0 24%;
 width: 570px;
 background-color: #DDDDDD;
 height: 370px;
 padding: 0, 10, 0, 0;
 border: groove
}

.columns3headers2 #mainContent2 {
   margin: 0 22% 0 24%;
 width: 570px;
 background-color: #DDDDDD;
 height: 190px;
 border: groove
} 

I do not have much in my main content.

<div id="mainContent1">
<h1> Main Content </h1>
<div id="cround">
    <h3>Absolute Value</h3>
    <ul>
    <li>Test 1</li>
    <li>Test 2</li>
    <li>Test 3</li> 
    <li>test 4</li>    
</ul>
</p>
</div>