Kein Wunder!
Der IE verwendet zur Darstellung des CSS Menüs das Javascript.
Alle anderen Browser verwenden die Stylesheets.
In Deinem Stylesheet für das CSS-Menü fehlen sämtliche Anwesiungen mit denen die Listen, über denen sich der Mauszeiger noch nicht befindet ausgeblendet werden. (display:none)
D.h. das Problem liegt nicht am FF sondern an Deinem Stylesheet.
Schau Dir die Seite mal mit Opera oder irgendeinem anderen Browser an.
Dort wirst Du das selbe Problem feststellen.
Hinweis:
Der IE7 braucht das Javascript eigentlich nicht mehr. Der kann auch die Stylesheets umsetzen. Unter Umständen können sich Stylesheets und Javascript im IE7 in die Quere kommen.
D.h. im Head Deines Templates die Anweisung
Code: Select all
<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
in
Code: Select all
<!--[if lte IE 6]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
ändern.
Danach wirst Du sehen, dass auch der IE7 das gleiche Problem hat wie der FF.
Schau Dir nochmal das mitgelieferte Beispiel Stylesheet für das horizontale CSS-Menü an.
Alle Listen größer "Ebene 1" müssen die Eigenschaft display:none; haben. Damit werden sie erstmal nicht angezeigt.
Die Eigenschaft display:block; (das Anzeigen der Listen) wird nur für die "hover-Styles" der einzelnen Listen verwendet.