&ref(): File not found: "listamatic_centerbar_1.gif" at page "Listamatic / Centred list navbar";
HTML
<div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="#" id="current">Item one</a></li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div>
CSS
#navcontainer ul { padding: .2em 0; margin: 0; list-style-type: none; background-color: #036; color: #FFF; width: 100%; font: normal 90% arial, helvetica, sans-serif; text-align: center; } li { display: inline; } li a { text-decoration: none; background-color: #036; color: #FFF; padding: .2em 1em; border-right: 1px solid #fff; } li a:hover { background-color: #369; color: #fff; }