The test page is at:
http://tinyurl.com/2adrbd
I put a ul <li> menu in a wrapper div and then tried to center
that with auto margin in another div. It looks correct in IE7 but in
Firefox 2.0 there is a 2px gap on each side where the background color
isn't showing.
What would be doing that and how could I get it to fill the background?
I am using the following styles to try to control the navigation area:
#navbar{width: 760px;
background-color: #0A2F76;
margin: 0 auto;}
#menuwrapper{ margin: 0 auto; width: 756px;}
The html for the menu is:
<div id="navbar">
<div id="menuwrapper">
<ul id="nav">
<li><a href="#">Brain</a></li>
<li><a href="#">Pain</a></li>
<li><a href="#">Work Hardening</a></li>
<li><a href="#">Other Services</a></li>
<li><a href="#">Testimonial</a></li>
<li><a href="#">Contact Us</a></li>
<!--[if lte IE 6]><style>#nav a{height:1em;}#nav
li{height:1em;}#nav ul
li{float:left;clear:both;width:100%}</style><![endif]-->
<!--[if IE 6]><style>#nav ul li{clear:none;}</style><![endif]-->
<!--[if IE 7]><style>#nav a{zoom:100%;}#nav ul
li{float:left;clear:both;width:100%;}</style><![endif]-->
</ul>
</div></div>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
