Why do you need the floats? Just at a glance, I'd suspect that that's what's messing up your centering.
Rick Gordon ------------------ On 7/30/10 at 1:16 PM +0200, Peter Lawson wrote in a message entitled "[css-d] Simple menu bar": >I doubt you get questions more basic than this :-[ > >How do I get this menu bar to centre itself on the page? >And show its background colour? > ><style type="text/css"> >#nav { > margin: 0 auto 3em auto; float: left; padding: 0; > list-style: none; > background-color: #f2f2f2; > border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; } >#nav li { float: left; } >#nav li a { > display: block; > padding: 8px 9px; > text-decoration: none; > font-weight: bold; > color: #069; > border-right: 2px solid #ccc; } >#nav li a:hover { > color: #c00; > background-color: #fff; } >.bl { border-left: 2px solid #ccc; } > </style> ></head> ><body> ><ul id="nav"> > <li class="bl"><a href="index.html">Home</a></li> > <li><a href="History.html">History and Structure</a></li> > <li><a href="Groups.html">Groups</a></li> > <li><a href="Constitutions.html">Constitutions</a></li> > <li><a href="Concessions.html">Concessions</a></li> > <li><a href="Opportunities.html">Opportunities</a></li> > <li><a href="Magazines.html">Magazines</a></li> > <li><a href="Links.html">Links</a></li> ></ul> -- ___________________________________________________ RICK GORDON EMERALD VALLEY GRAPHICS AND CONSULTING ___________________________________________________ WWW: http://www.shelterpub.com ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/