Mit Javscript wäre alles einfacher (?)

[Matthias Apsel]

Om nah hoo pez nyeetz, Enrico!

eine Glühbirne ist eine von Wespen ausgehöhlte Frucht, in der Glühwürmchen eine Party feiern.

Ich konnte noch keinen Grund für die Verwendung eines Divs erkennen. Eine Navigationsliste ist eine Liste. Allerhöchstens brauchst du ein Div, um die Liste mit einer Überschrift zu kombinieren.

<div id="nav">
  <h3>Hier gehts lang</h3>
  <ul>
    <li><a href="...">Seite1</a></li>
    <li>aktuelle Seite</li>
    <li><a href="...">Seite3</a></li>
    <li><a href="...">Seite4</a></li>
    <li id="lampe"></li>
  </ul>
</div>

Es ist wichtig, dass die Lampe als letztes in der Liste steht, damit der Geschwisterselektor greift. Die Listenelemente werden entsprechend positioniert und für die Lampe verwendest du nur ein Hintergrundbild.

das mouseover erledigt li:hover ~ #lampe {background-position: ...}

Matthias