Varias dudas en mi proyecto

[BloodShadow]

Ok! ya casi me voy, descargue tu css y html y lo deje lo mas parecido posible, tu agregale lo que le haga falta, te lo doy de la forma correcta... lo unico que ese pixel no cuadra desgraciadamente, si el sitio lo estas haciendo en php, valida que cuando sea el ultimo elemento a, le agregue un padding-right: 1px mas lo que ya tenga... bueno ahi te lo dejo, espero te aya sido de ayuda.

Código CSS:

.menu { width: 990px; min-height: 10px; _height: 10px; background: #96BCF3; }
 
#navi { margin: 0px auto; }
#navi li { list-style: none; }
 
#navi li a { display: block; float: left; height: 30px; line-height: 30px; text-decoration: none; color: #fff; font-size: 12px; padding: 0px 44px; background: #96BCF3; }
#navi li a:hover { background: #fff; color: #000; }
 

Código HTML:

<div class="menu">
    <ul id="navi">
        <li><a href="#">El Club</a></li>
        <li><a href="#">Atletismo</a></li>
        <li><a href="#">Balonmano</a></li>
        <li><a href="#">Baloncesto</a></li>
        <li><a href="#">Piraguismo</a></li>
        <li><a href="#">Histórico</a></li>
        <li><a href="#">Contacto</a></li>
    </ul>
    <div style="clear:both;"></div>
</div>
 

solo copia y pega, te tiene que funcionar, tambien que tenias un div masl cerrado, lo tenias asi </div=""> o algo parecido... ahora si me voy, si no pudiste seguimos mañana ok