I am trying to get 2 colors within the header area. The first is one color the main wrapper, the 2nd div within the header is another color. It stretches across to right side but not all the way through to the left side in IE9 and FF18. there is a 5 to 10px margin on left.
<div id="mo_header_wrapper">
<div id="mo_header" class="wrapper">
<div id="mo_menu" class="ddhmenu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">Home</a> </li>
<li><a href="portfolio.html">Home</a> </li>
<li><a class="search" href="search.html">Home</a></li>
<li><a class="listings" href="contact.html">Home</a></li>
<li><a class="selected" href="contact.html">Home</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of mo_menu -->
</div>
</div>
#mo_header {
height: 80px;
width:100%;
}
#mo_header_wrapper {
width: 100%;
background-color:#red;
height:380px;
}
.wrapper {
width: 960px;
padding: 0 10px;
margin: 0 auto;
}
#mo_menu { float:right; margin-top: 20px; }
.ddhmenu {
width:100%;
background-color:#green;
padding-top:10px;
border:solid 1px #ffffff;
}