Menu style..

Hej eksperter...

Jeg har lige lavet et design..

Har bare et problem...
min menu er lavet via disse styles:
_____
.menu A:link {
    width: 100%;
    letter-spacing: 2px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    color: #FFFFFF;
    border: none #FFFFFF;
}
.menu a:hover {
    background-color: #4A8297;
    width: 100%;
    letter-spacing: 2px;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    text-decoration: none;
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px none #FFFFFF;
}
.menu a:visited {
    width: 100%;
    letter-spacing: 2px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    color: #FFFFFF;
   
}
.menu a:active {
    width: 100%;
    letter-spacing: 2px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    color: #FFFFFF;
    border: none #FFFFFF;
}


Mit problem er så.. at der hvor der står:
    padding-top: 4px;
    padding-bottom: 4px;
Bliver ikke registeret.....


Hvad kan der være galt...?.. 
Det ser nemlig lidt dumt ud at menuen bliver udvidet hver gang man sætter musen over et emne...

På forhånd tak.

p.s. Jeg ved godt det ikke er et JaveScript... men kunne ikke finde andre steder at smide det...