doppia definizione a:link, a:visited, a:active

[skunkio]

Salve a tutti,
sono nuovo nel forum e nuovo in materia CSS.
All'interno del mio mio sito ho cercato di usare quanto più possibile i css che capire meglio come funzionano e, a parte qualche difficoltà iniziale, qualcosa di molto simile a quello che avevo in mente alla fine è anche uscito
Ora ho però un problema che non capisco a fronte di quale condizione si verifica. All'interno del mio file css ho defnito quanto segue:

#toolBar {
    position: absolute;
    left: 20px;
    top: 162px;
    width: 840px;
    height: 24px;
    background: #F6F6EA;
    color: #FFFFFF;
    font: 16px arial, sans-serif;
    text-align: left;
    vertical-align: baseline;
    padding: 5px 5px 0px 5px;
    border: 0px;
}

#toolBar a:link, a:visited, a:active {
    background: #F6F6EA;
    color: #48AADB;
    font: 16px arial, sans-serif;
    text-align: left;
    text-decoration: none;
}

#toolBar a:hover {
    background: #F6F6EA;
    color: #48AADB;
    font: 16px arial, sans-serif;
    text-align: left;
    text-decoration: underline;
}


#footer {
    position: absolute;
    left: 20px;
    top: 960px;
    width: 840px;
    height: 16px;
    background: #F6F6EA;
    color: #000000;
    font: 11px arial, sans-serif;
    text-align: left;
    vertical-align: baseline;
    padding: 3px 3px 0px 3px;
    border: 0px;
}

#footer a:link, a:visited, a:active {
    color: #48AADB;
    font: 11px arial, sans-serif;
    text-decoration: none;
}

#footer a:hover {
    color: #48AADB;
    text-decoration: underline;
}

per definire due stili leggermente diversi, fondamentalment cambia il colore del testo e la dimensioni dei font, in due div che ho definito come tollbar e come footer in testa e ai piedi della mia pagina.
All'interno della pagina html richiamo i due div come di seguito:

<div id="toolBar">Home | What's New</div>
<div id="footer">About | Site Map</div>

Dopo aver aggiunto la definizione dei link in #footer ora sia quelli della mia toolBar che quelli nel footer stesso prendono questo aspetto (come definito del footer).
In pratica la toolBar diventa come il footer. Perchè? E soprattutto, come faccio a definire due stili diversi per i link in due div?

Grazie,
saluti

[bionicoz]

così:

#toolBar a:link, #toolBar a:visited, #toolBar a:active {}
[...]
#footer a:link, #footer a:visited, #footer a:active {}

ciao.