header immagine associata a un link

[goxpix]

Ciao a tutti, io ho una domanda :

con CSS mi son creato un header della pagina che riporto:

#header { margin : 0 -300px 0 -300px; }
#header {
background : url(../images/gradient2.jpg) repeat-x;
height : 180px;
}

e di seguito riporto il codice HTML relativo all'header:

<div id="header">
[img]images/logo.png[/img]
</div>

La mia domanda é :
Come faccio a centrare l'immagine e fare in modo che quando un utente passi sopra l'immagine non diventi bianca (poiché nel CSS ho inserito tali direttive a {color:#aaa;background:none;text-decoration:underline;}
a:hover {color:#aaa;background:#fff;text-decoration:none;}) ? (ossia non capiti nulla?)

Grazie a tutti

[goxpix]

Per quanto concerne i link dell'iummagine che non capiti nulla va bene, ora dovrei centrare l'immagine nell'header, ma non so come si fa

[Mich_]

Dato che l'header contiene solo degli elementi inline, ti basta per centrare:

header {
  background : url(../images/gradient2.jpg) repeat-x;
  height : 180px;
  width: 100%;   /* di solito e` necessario, ma non so se nel tuo caso crea effetti collaterali */
  text-align: center;
}

[goxpix]

grazie