Here's what I'm aiming for, working 100% correctly in Firefox 7
.
When I open it in IE 8
, it displays like this:
Here's the basic layout:
<div id="header-home">
<div id="header-content">
</div>
</div>
With all of the elements inside of the #header-content
.
Here's the relevant HTML and CSS hosted on JSFiddle. If you stretch the preview pane you'll see the contents are centered correctly on Firefox.
http://jsfiddle.net/stapiagutierrez/agURs/
Why is IE not centering the div as it should?