[CSS] CSS: verschiedene Hoverfarben

Hallöchen,

ich habe ein problem.

Ich habe ein dropdown menü, bzw. zwei/mehrere die auf verschedene Buttons gehen.
jetzt soll jedes einzelne Menü eine andere Hoverfarbe bekommen...
ich habe es mit <p class="h">TEXT</p> & <p class="h3">TEXT</p> in das Layout eingebunden.
Mein css code:


.h{
display: block;
text-align: left;
font-family: verdana;
FONT-SIZE: 10pt;
COLOR: #ffffff;
line-height: 12pt;
text-decoration: none;
}

.h3{
display: block;
text-align: left;
font-family: verdana;
FONT-SIZE: 10pt;
COLOR: #ffffff;
line-height: 12pt;
text-decoration: none;
}

dort soll also eigentlich dieses jeweils rein, eben mit anderer farbangabe:
a:hover{color:#ffffff;}
aber das funktioniert einfach nicht.

hat jemand eine Idee wie ich das richtig einbnden könnte?

Liebe Grüße

meine css datei sieht dann so aus..
aber das unktioniert auch nicht Oo

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:11px;
z-index:100;
}

#dropmenudiv a{
width: 180;
display: block;
text-indent: 1px;
border-bottom: 1px solid #ffffff;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

.h{
display: block;
text-align: left;
font-family: verdana;
FONT-SIZE: 10pt;
COLOR: #ffffff;
line-height: 12pt;
text-decoration: none;
}

.h3{
display: block;
text-align: left;
font-family: verdana;
FONT-SIZE: 10pt;
COLOR: #ffffff;
line-height: 12pt;
text-decoration: none;
}

a.h3:hover{ color:#ffffff; }
a.h:hover{ color:#000000; }