html - container div extra margin ie6 -


<div id="container">     <div id="content">         <div class="halfleft"></div>         <div class="halfright"></div>     </div> </div>  #container{ width:960px;margin:auto; background-image:url(../img/contentbg.jpg);} .halfleft{font: 1.5em brushcutregular; background:url(../img/halfbg.png) no-repeat;margin:12px 0px 12px 12px;float:left;width:468px;height:336px;} .halfright{font: 1.5em brushcutregular; background:url(../img/halfbg.png) no-repeat;margin:12px 12px 12px 0px;float:right;width:468px;height:336px;} 

for reason makes #container add 12px on left in ie6...

any ideas what's wrong?

i think should add styles #content:

padding: 12px; overflow: hidden; /* floating fix modern browsers */ zoom: 1; /* floating fix ie */ 

and remove margin .halfleft , .halfright.


Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -