bei a:hover mehrere klassen ändern

[fraenzer]

Mhm, macht schon irgendwie das, was ich haben will, allerdings blick ich da noch nicht ganz durch.
Wenn ich mir mal drei Container bastel, die in einem drinliegen:

<div id="total">
   <div id="top"></div>
   <div id="middle">Startseite</div>
   <div id="bottom"></div>
</div>

Müßte doch erstmal als Grundgerüst passen.

Mein CSS sieht dann erstmal wie folgt aus:

#total {
   width:200px;
   font-size:93%;
}

#total #top {
   height:10px;
   width:100%;
   display:block;
   background:url("top.gif") no-repeat;
}

#total #middle {
   height:30px;
   width:100%;
   display:block;
   background:url("middle.gif") no-repeat;
}

#total #bottom {
   height:10px;
   width:100%;
   display:block;
   background:url("bottom.gif") no-repeat;
}

Damit hätte ich meinen Menuepunkt definiert.
Jetzt kommt die Kunst: in Deinem Beispiel verschiebt der, soweit ich das richtig verstanden habe, einfach den sichtbaren Bereich. Wenn also die Maus über total läuft, wird der sichtbare Bereich verschoben.
Die Bilder beinhalten einmal den normalen und einmal den aktivierten Zustand, und entsprechend sieht man entweder das eine oder das andere, richtig?

Gruß

fraenzer