This site I am working on works exactly the way it is supposed to in IE7, FF and Opera but does not work in IE6. The problem I am having is with the wrap class as it shows black properly on the browsers I mentioned but in IE6 it only shows white. Any help would be appreciated. Thanks, CSS * {margin: 0;padding: 0;} body{font-family: arial, helvetica, sans-serif; } a img{border: none;} #logo { position:absolute; left: 0; top: 0; z-index: 10; } #banner { position: absolute; left:0; top: 0; width: 100%; height: 100px; background-image:url(/images/common/header.jpg); background-repeat:repeat-x; } .wrap{ background: #000000; } #leftcol{ float:left; width:220px; color:#ffffff; } #contentwrapper{ overflow:auto; min-height: 300px; height:auto; background:#ffffff; } * html #contentwrapper{float:left;} * html #contentwrapper p{height:1%;} #top-divider { margin-top: 100px; height:40px; background:url(/images/common/divider.jpg) repeat-x; } #bottom-divider { height:40px; background: url(/images/common/divider.jpg) repeat-x; clear:both; } #footer { position: relative; text-align: center; margin-top: 15px; } #search { padding-top: 5px; padding-left: 10px; } #contactinfo { text-align: right; margin-top: -15px; margin-right: 10px; } .textposition{ padding: 15px 200px 15px 25px; } .contact { font-size: 16px; font-weight: bold; } .contactnumbers { font-size: 14px; font-weight: bold; color: #ffffff; } h1 { font-size: 24px; font-weight: bold; text-align: center; } Code (markup): HTML <body> <img id="logo" src="/images/common/logo.jpg" alt="Logo" /> <div id="banner"> </div> <div id="top-divider"> <div id="contactinfo">Contact Numbers Go Here</div> </div> <div class="wrap"> <div id="leftcol"><!--navigation will go here --></div> <div id="contentwrapper"><p>content will go here</p></div> </div> <div id="bottom-divider"></div> <div id="footer"><!--footer goes here --></div> </body> Code (markup):