hover Effekt weg nach Scrollen

[MechanicalOrganic]

Moinsen!

Eine Frage an die Profis:

Über den gesamten Hintergrund einer Website läuft ein Video. Fixed div, z-index:-1000, overflow:hidden.

Dann gibt es einen fixed div mit einem Link. Dieser Link soll bei hover die Farbe wechseln.

Ein dritter absolut positionierter div direkt daneben enthält einen langen Text, so dass die Seite gescrollt werden muss.

Wenn man nun scrollt und hovert über den Link, passiert... nichts. Keine Farbänderung. Ist die Seite nicht gescrollet, funktionierts. Das Ganze spielt sich in Opera ab. Firefox und IE lösen diese höchst anspruchsvolle Aufgabe mit Bravour.

Wichtig: nehme ich das Video raus, funktionierts!

Gibt es irgendein besonderes Attribut, was ich beim css noch zusätzlich angeben muss? Wäre nett, wenn jemand einem Gelegenheitsbastler weiterhelfen könnte. ;)

a {color:#999966; text-decoration:none;}

a:hover {color:#CC0000;}

#text {
background-image: url(../img/pattern.png);
position:absolute;
opacity: 0.8;
left: 600px;
top: 200px;
width:40%;
text-align:justify;
padding:10px;
margin-bottom:1em;
font-size:15px;
}

#video_background {
position: fixed;
top: 0px;
bottom: 0px;
right: 0px;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
z-index: -1000;
overflow: hidden;
}

Beste Grüße!