#centeredmenu { float:left; width:100%; background:#FFCE00; border-bottom:2px solid #6DA173; overflow:hidden; position:relative; font-family:verdana; font-size:14px; } #centeredmenu ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; } #centeredmenu ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; } #centeredmenu ul li a { display:block; margin:0 0 0 1px; padding:3px 10px; background:#6DA173; color:#000; text-decoration:none; line-height:1.3em; } #centeredmenu ul li a:hover { background:#6DA173; color:#000000; } #centeredmenu ul li a.active, #centeredmenu ul li a.active:hover { color:#FFCE00; background:#6DA173; font-weight:bold; }