Aktiver Button soll nicht "hovern" bei MenuMatic

Ich habe die MenuMatic-Navi verbaut. Alles soweit super.



Zwei Fragen habe ich aber:

• Ein aktiver Link soll sich bei Mausüberfahrt nicht verändern, bei mir "hovert" aber das Hintergrundbild. Wie kann ich das ändern?
• Wenn ich mit der Maus auf einen Button fahre klappt das Untermenu aus. Klicke ich auf diesen Button, verschiebt sich das Menu kurz nach unten. Ein kleiner, aber von mir nicht gewollter Schönheitsfehler (ich weiss - Geschmack ist relativ). Wie kann ich das ändern?

Ich habe schon einiges probiert, allerdings bisher ohne Erfolg.
Die Seite könnt ihr Euch hier ansehen.

@Admin: Vielleicht muss der Beitrag ins MooTools-Forum. Dann bitte verschieben.

.active nicht hovern

Code:

---

#subMenusContainer li.active a:hover{background:( wie normaler li ;cursor:default}

---

verspringen

Code:

---

#nav li
#nav li.active

---

haben bei dir unterschiedliche heights.

Den Code habe ich eingebaut und die heights korrigiert. Funktioniert aber leider nicht.

.active nicht hovern klappt jetzt, wie ich gesehen habe.

Das zweite Problem mit dem Verspringen liegt wohl an folgender Zeile im MenuMatic.css

Code:

---

#nav li a:focus + ul{margin-top:2.2em;margin-left:0;}

---

Deine Zeilen sollen 22px hoch sein. Das o.g. margin-top:2.2em ist aber abhängig von der Systemschrift und passt nicht zu deiner Zeilenhöhe. Ändere das in 22px.

Hallo bizon, klappt jetzt mit den 22px - danke.

Zitat:

---

.active nicht hovern klappt jetzt, wie ich gesehen habe.

---

naja - nicht wirklich.
Wenn Du z.B: die News aktivierst, hovert das Untermenu mit dem Active-Button weiter. Die Schrift bleibt dabei allerdings weiss und wird nicht schwarz.

Ich glaube ich blicke da bei der Veerbung nicht durch.

Code:

---

#nav a:hover {color:#000;}

---

kleine Korrektur

Code:

---

#nav li li a:hover {color:#000;}

---

Noch ein kleine Korrektur, hatte nämlich auch nicht so funktioniert wie ich das wollte.

Code:

---

#nav li.active li a:hover

---