Ergänzung

[Ingo Turski]

Hi,

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6  {

die IDs sind völlig überflüssig. Für CSS reichen Nachkommenselektoren und für JS this bzw. DOM-Methoden.

Normalerweise müßte dich a:hover für das Mouseover zuständig sein. Aber es klappt nicht. Sehen kann man das ganze auch unter http://www.cdu-si.de/test

nette Seite und die Farben finde ich ok.

Der HTML-Quelltext ist leider verkehrt bzw. unsauber:
  <ul>
    <li>
      <a><strong>Home</strong></a>
nicht verkehrt, aber unpassend. Das ist kein hervorgehobenes Wort, sondern ein Link der ersten Ebene.

<ul id="smenu1"></ul>
hier fehlt mindestens ein li-Element

Was aber viel strörender ist: Du verwendest Javascript auch für Browser, in denen diese Dynamik allein über CSS umzusetzen ist. Im Firefox bleiben dadurch auch öfter mal Menüs aufgeklappt, was mit CSS nicht passiert.

Dein Menü ist ja nahezu so aufgebaut wie das Beispiel http://de.selfhtml.org/css/layouts/anzeige/nav_javascript.htm (oder meine Version davon ist noch etwas ähnlicher). Orientiere Dich doch einfach daran.

freundliche Grüße
Ingo