Link Hover Effekt bei selbst definiertem CSS?

[Katharina]

Hallo,

ich bin totaler Newbie mit CSS und bekomme es nicht hin, dass ein einfacher Link von mir mit der Pseudoklasse hover angezeigt wird.

Das ist das CSS:

#zurueck
{
 display   : block;
 width   : 100%;
 padding-top  : 25px;
 padding-left : 15px;
 padding-bottom : 10px;
 background-color: #C1CDD4;
 color   : #ffffff;
 font-weight  : bold;
 width   : 170px;
}

#zurueck a:hover
{
 color   : #FF0000;
}

Der Link in HTML sieht so aus:

<a id="zurueck"  onMouseOver="style.cursor = 'pointer'"> zur&uuml;ck</a>

Nun sollte bei RollOver die Linkfarbe rot werden.
Aber hier werde nur ich rot gerade.

Kisses,
Kati