Probleme mit Rolloverbild

[das_Kratzerchen]

hi,

ich habe ein Rolloverbild in den header meines Boards eingefügt, der Quellcode lautet wie folgt:

Code: Alles auswählen

<a href="{U_INDEX}"><div id="rolloverbild" border="0" alt="{L_INDEX}" title="{L_INDEX}"></div></a>

der CSS Teil:

Code: Alles auswählen

#rolloverbild {
    background-image:       url(images/header/buttons/home.gif);
    width:                  72px;
    height:                 25px;
}

#rolloverbild:hover {
    background-image:        url(images/header/buttons/home_over.gif);
    width:                  72px;
    height:                 25px;
}

Beim Überfahren blinkt das Bild nur kurz das hoverbild wird aber nicht angezeigt! Jemand ne idee was falsch sein könnte?

Kratzerchen

[Pyramide]

Zuerst solltest du gültiges HTML draus machen:

Code: Alles auswählen

<a href="{U_INDEX}" id="rolloverbild" title="{L_INDEX}"></a>

Code: Alles auswählen

#rolloverbild {
    background-image: url(images/header/buttons/home.gif);
    border: none;
    width: 72px;
    height: 25px;
}

#rolloverbild:hover {
    background-image: url(images/header/buttons/home_over.gif);
}

Dann sollte es eigentlich funktionieren.