Hello,
I think I've seen a fix for this before but I can't find it right now. I've got a mysterious space between <li> items in a horizontal nav bar. I don't want to use floats because I would like the list to be centered on the page. If anyone can help it would be appreciated. Thanks, Matt My code is: HTML <div id="nav"> <ul id="navlist"> <li><a href="home.php" title="About Us">About Us</li> <li><a href="services.php" title="Services">Services</li> <li><a href="team.php" title="Meet the Team">Meet the Team</li> <li><a href="news.php" title="In the News">News</li> <li><a href="careers.php" title="Careers">Careers</li> <li id="active"><a href="contribute.php" title="Contribute">Contribute</li> </ul> </div> CSS #nav ul { text-align: center; padding: 5px 0; margin-top: 0; background-color: #036; color: white; width: 100%; line-height: 18px; } #nav ul li { display: inline; border: 1px solid red; } #nav ul li a { padding: 5px 10px; color: white; text-decoration: none; border-right: 1px solid #fff; } #nav ul li a:hover { background-color: #369; color: white; } #nav #active { border-left: 1px solid #fff; } ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/