Navigations(klapp)menü befindet sich unter anderen Div's

Seltsam, offline existiert das Problem bei mir nicht.
Sieht jedenfalls nach einem z-index-Problem aus.

Versuch mal folgendes:
Lass bei #bg und #position die absoluten Positionierungen weg und regle das mit normalen margin-Angaben.

Alternativ:
Gib #bg und #position einen negativen z-index und/oder erhöhe den z-index bei

#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

Da musst du an der entsprechenden Stelle vor dem Schließen von li lediglich eine weitere ul-Liste mit den entsprechenden Links einfügen, ganz genauso wie auf der ersten Ebene.

Versuch's mal damit:

#menu ul ul ul { position: absolute; top: 0; left: 100%; }

Ich bin heute nicht online, ansonsten siehe http://www.drweb.de/magazin/da…avigieren-in-dimensionen/
oder stelle dann nochmal einen Link zu deinem aktuellen Stand ein.

Lösche diesen Teil:

div#menu ul ul ul, div#menu ul ul li:hover ul ul 
    {
        display: none;
        } 




    div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul 
    {
        display: block;
        }

und ersetze ihn damit:

div#menu ul ul,
    div#menu ul li:hover ul ul,
    div#menu ul ul li:hover ul ul
      {display: none;} 




    div#menu ul li:hover ul,
    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
      {display: block;}

Du hast deine CSS-Dateien falsch eingebunden:
Statt Backslash

Zitat

<link href="css\topmenu.css" rel="stylesheet" type="text/css" />

musst du einen Schrägstrich verwenden:

Zitat

<link href="css/topmenu.css" rel="stylesheet" type="text/css" />

Dann beseitige mal noch diese Validierungsfehler: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fjbauer.jb.funpic.de%2F

h3 darf z.B. nicht innerhalb a vorkommen (musst du innerhalb li einfügen) und li darf nur innerhalb ul verwendet werden.
Richte dich am besten nach dem Klappmenue von Dr.Web.