ciao jerry! grazie molte per l'aiuto che mi stai dando!

diciamo che ci sto iniziando a capire qualcosa!
ho ottenuto alcune cose che van bene, ma rimangono ancora alcuni problemi ecco il codice un pò più ottimizzato:


body{background: #99AAAA url(gradient.jpg) fixed repeat-x bottom;text-align:center}
div#container{width:70%;margin: 6 auto;border:2px solid #354D69;background:#C6DBE6;}
div#content{width:100%; padding: 1em;background: #fff url(pattern.jpg);}
div#navigation ul{list-style-type: none;margin: 2px solid #354D69 ;padding: 0}
div#navigation li{float: top left;margin: 0 3px 0 0;padding:0;}
div#navigation a{display: block;width: 120px;line-height: 30px;
text-decoration: none; border: 1px solid #666;
background-color: #fff;
font-variant: small-caps;text-indent: 27px}
div#navigation a:hover{display: block; width:120px;line-height: 30px;
text-decoration: none; border: 1px solid #333;
background-color: #999;
font-variant: small-caps;text-indent: 27px}
div#navigation li#activelink a,div#navigation li#activelink a:hover{
text-decoration: none; border: 1px solid #333;
background-color: #888; 0;color: #fff}

ho risolto il problema del float dicendo alla lista che si deve allineare top, ma ora mi chiedo 3 cose:

1)se dico alla lista di allinearsi sopra, non so per quale motivo, mi si centra!

2)anche se nella guida spiega come disattivare il rollover sul link attivo, il rollover si vede lo stesso!

3)mica tutte ste cose sono un problema di container?
ho pensato che se io imposto il testo centrato nel container, e la navigation sta nel container è dovuto a questo il problema della centratura della barra di navigazione???

allego la foto di quello che sono riuscito a fare sin'ora!

ora ho bisogno di capire come fare ad allineare la barra di navigazione in alto a sinistra, in modo da poter posizionare i pulsanti uno accanto all'altro! ti ringrazio nuovamente tantissimo!