/JS Dropdown-Menü im IE "springt"

[Elya]

Hallo,
nachdem ich jetzt eine Weile gefrickelt und Fehler gesucht habe, muß ich es Euch doch vorstellen: meinen Versuch einer Klappmenü-Umsetzung mit CSS und JS für IE. Ich verlerne täglich....

Auf Basis des SELF-Artikels und des Alistapart-Artikels habe ich folgendes gebaut:

http://www.visuelya.de/selftest/test.html

Das ganze wird noch etwas komplexer, ich habe es für Testzwecke auf das wesentliche reduziert. Im IE6 (die anderen lasse ich im Moment noch außen vor) "springt" das Menü beim hovern. Unabhängig davon, ob ich das Self-JS oder das Alistapart-JS benutze (die sich vermutlich sowieso nur stilistisch unterscheiden).

Die den Fehler auslösende  Eigenschaft scheint auf den ersten Blick

ul#mainnavi a {display: block; }

zu sein - die wiederum benötige ich aber, damit die hover-Fläche korrekt dargestellt wird.

Ich kann mir noch vorstellen, daß durch das Javascript, das ja Knoten in den Elementbaum einhängt, der alte IE-Bug mit den Leerräumen/Abständen zum Tragen kommt, habe aber keine Idee, wie ich das abstellen könnte.

Habt Ihr Ideen, was ich noch versuchen könnte? (wenn jetzt wieder wahsaga in drei Minuten mit einer höchst trivialen Lösung ankommt, muß ich schreien ;-))

Danke fürs Draufschauen!

Gruß aus Köln-Ehrenfeld,

Elya