in screen.css, the nav wrapper is set to use 100% width, and the content wrapper is set to use 832px width
#outerWrapper #bottomheadernav {
background-color: #9E99BF;
height: 30px;
margin: 0px auto 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
padding: 0px 13px 0px 13px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
width: 100%;
}
#outerWrapper #contentWrapper {
margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
overflow: hidden;
padding-bottom: 23px;
width: 832px;
}
you should use the same width for both containers, for IE compatibility, i suggest using 832px:
#outerWrapper #bottomheadernav {
background-color: #9E99BF;
height: 30px;
margin: 0px auto 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
padding: 0px 13px 0px 13px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
width: 832px;
}
#outerWrapper #contentWrapper {
margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
overflow: hidden;
padding-bottom: 23px;
width: 832px;
}