Suckerfish Dropdown Menü horizontal

Hallo!

Auf dieser seite habe ich mit Hilfe einer Anleitung (von der ich leider den Link nimmer weiß) ein Dropdown Menü zusammengefrickelt. Hier der CSS Code:

#navig, #navig ul {
 padding: 0;
 margin: 0;
 list-style: none;
 color: #fff;
 font-family: Arial, Helvetica, Georgia, Sans-Serif;
}


#navig a {
 display: block;
 width: 10em;
 color: #fff;
 text-decoration: none;
}


#navig a:hover {
 text-decoration: underline;
}


#navig li {
    float: left;
    width: 10em;
}


#navig li ul {
    position: absolute;
    width: 10em;
    left: -999em;
}


#navig li:hover ul, #navig li.sfhover ul{
 left: auto;
}

Wie bringe ich die Unterpunkte dazu, nebeneinander statt untereinander aufzugehen? Auch sollen sie immer unter dem ersten Punkt starten und nicht erst unter dem Oberpunkt zu dem sie gehören (ansonsten wäre ja weiter hinten gar nicht genug platz um sie nebeneinander zu platzieren). Beispiellink Auf dieser Seite ist es beinahe so wie es sein soll, nur dass die Unterpunkte erst erscheinen wenn man auf den entsprechenden Pberpunkt klickt. Aber sie sind so positioniert wie ich es machen möchte.

Jemand ne Idee?

LG, Angi

Für den Inhalt bin ich nicht zuständig :mrgreen:

Danke für den Code - ich tests mal ausgiebig. :)

Edit: Hm - Firefox super, bisschen zu weit links aber das krieg ich hin. Nur der IE macht wieder nen Block draus. Böser böser IE! *IE verprügel*

Ja, habs auch schon festgestellt dass manche so kaum mehr zu erreichen sind. Da muss ich wohl nochmal drüber nachdenken. Dann wirds wohl so nicht gehen...

IE7, wer hat den schon :) die meisten surfen doch glaube ich noch mit IE6, wenn sie IE haben. Oder?