Code-Problem [Editor] - bitte mal nachschauen!

[FranzPG]

Hi, erstmal!
Bin neu hier im Forum, und hoffe dass ich hier richtig gelandet bin und dass mir auch schnell geholfen werden kann.

Also, ich bin ein kleiner HTML-Anfänger, und habe mal ein bischen angefangen, eine Homepage zu erstellen. Nur da gibt es kleines Problem mit der Navigationsleiste.




Bitte schaut nur mit dem neuesten IE7 nach. Mit Firefox und so geht das überhaupt nicht!

http://hpfranzpg.hp.funpic.de/index.html​

(Ich hoffe der Quelltext ist einigermaßen überschaubar...)​

Ich hab mir gedacht, dass wenn man mit dem Cursor über den Link geht, dass sich dann die Farbe vom Link ändert und die Hintergrafik vom Link.

Also, da gibts aber drei Fehler, die ich mal demonstriert habe:

1. Link flutscht nach oben, Grafik bleibt dort wo se sein soll! (Link#1)
2. Grafik flutscht nach unten, Link bleibt dort wo er sein soll! (Link#2)
3. Alles bleibt dort wo es is (Platz von Grafik stimmt sogar), nur der Text vom Link ist zu weit oben! (Link#3)

So, wie krieg ich dann jetzt den Link genau in die Mitte von der Grafik und möglichst so, dass sich nichts verändert (außer die Farben)

Kann mir jemand helfen?
Ich hoffe auf Antwort!

MfG, FranzPG

 

[Plankton]

Moved. CSS (Plankton)