IE problemer.

Jeg har lavet en lille smule CSS som skulle få menupunkter til at rykke sig 1 pixel nedad og lave tekstens farve #666 når musen er over.

Menupunkter består af et lille ikon og en tekst:
<span class="menu_punkt"><img src="images/menu_punkt.png" alt="">Menu punkt nr. 1</span>


og stylesheetet ser sådan ud:
span.menu_punkt {
    font-family: arial, sans-sherif;
    font-weight:600;
    font-size: 12px;
    color:#444;
    position:relative;
    top:-1px;
}
span.menu_punkt:hover {
    cursor:pointer;
    color:#666;
    top:0px;
}
span.menu_punkt img {
    position:relative;
    top:2px;
    left:-4px;
}


Er overstående ikke ganske alnindelig valid css? Det virker fuldt efter hensigten i Firefox, men ikke i IE. (ggrrrhh!)

Håber en vil hjælpe :)

Mvh. GartZen