CSS-dropdown menu virker ikke rigtigt

Måske det ville være en fordel, hvis du skrev hvad der var galt...?!?

I firefox ser det ud, som om du ikke har teksten i en tabel.

exp: Jeg troede det var ret tydeligt :) Menuerne virker slet ikke. De bliver overhovedet ikke vist...

nopper: Det skal de heller ikke, det er bygget op over css og punktlister.

id'er skal være unique, det betyder at din konstruktion af id="nav" ikke er lovlig. For funktionen getElementById forventer en unique indgang, og det er det ikke på din side.

Din side overholder heller w3c chekck lige

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.spiritueltcenter.dk%2Fnew%2F&charset=iso-8859-1+%28Western+Europe%29&verbose=1

Jeg kan godt se din pointe, men det er lavet på præcis samme måde som på http://www.alistapart.com/articles/dropdowns/ . Skulle du eventuelt have nogen ide om hvordan man ellers kan løse det?

Du følger ikke eks fra alistaprat. Prøv at lave nedes stående rettelse så tror jeg det er tæt på.

Tabellen skal fjernes. Og ret stylen

li ul { /* second-level lists */
    display: none;
    position: absolute;
    top: 2.5em;  /* <-- rettet */
    left: 0;
}
#contents {
    width: 100%;
    height: 393px;
    background-color: #98D3F8;
    clear: both;  /* <-- Indsat */
}

Ret så indholdet bliver sådan:
<div id="menu">
<ul id="nav"><li><span style="font-weight: bold; color: rgb(255, 255, 255);">Erik Abrahamsen</span>
<ul>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=1"> Lidt om Erik</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=2">Healing</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=3">Clairvoyance</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=4">Samtale</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=8">Regression</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=5">Seksualitet</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=6">Krisehjælp</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=7">Parterapi</a></li>
</ul></li>
<li><span style="font-weight: bold; color: rgb(255, 255, 255);">Mette Abrahamsen</span><ul>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=9"> Lidt om Mette</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=10">Holistisk børneterapi</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=45">Samtale, Healing, Clairvoyance</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=58">Husrenselse</a></li>
</ul></li>
<li><span style="font-weight: bold; color: rgb(255, 255, 255);">Erik og Mette</span><ul>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=91">Baggrund</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=68">Ordforklaring</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=13">Priser og behandling</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=12">Etik og tavshedspligt</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=86">Vort  LOGO</a></li>
</ul></li>
<li><span style="font-weight: bold; color: rgb(255, 255, 255);">Centeret</span><ul>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=14"> Lidt om Centeret</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=15">Den praktiske side</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=16">Programmet</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=46"> Offentlige arrangementer uden for Centeret</a></li>
</ul></li>
<li><span style="font-weight: bold; color: rgb(255, 255, 255);">Kurser</span><ul>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=66">Indre Barn</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=90">Udviklings Grupper</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=63"></a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=61">Om kurserne</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=67">Shamanisme</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=65">Udvikling</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=92">Norge</a></li>
</ul></li>
<li><span style="font-weight: bold; color: rgb(255, 255, 255);">Artikler, tanker og beretninger</span><ul>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=70">Menneskehedens 4 &#8221;fjender&#8221;</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=26">Dharma/Opgave</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=54">Børn er små voksne</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=23">Taknemmelige sjæle</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=22">Kundalini</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=24">Sjælemøde</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=25">Alternativt/spirituelt?</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=28">Vær Kritisk !</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=69">Indre barn - Ny</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=55">Healerens bøn</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=48">Klimaks/seksualitet</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=71">Der er altid et</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=87">A=Info</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=95">En refleksion over bøn</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=99">Michael&amp;Jette</a></li>
</ul></li>
<li><span style="font-weight: bold; color: rgb(255, 255, 255);">Links</span><ul>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=29">Links vi anbefaler</a></li>
</ul></li>
<li><span style="font-weight: bold; color: rgb(255, 255, 255);">Brudstykker</span><ul>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=101">Biblen</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=73">A=Info</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=77">Etik</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=78">Indre Barn</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=79">Seksualitet</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=80">Spiritualitet</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=82">Teosofi</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=83">Rumfolk</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=84">Udvikling</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=85">Tidligere liv</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=88">Blændværk</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=89">Healing</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=93">Norge</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=94">Graviditet</a></li>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=100"></a></li>
</ul></li>
<li><span style="font-weight: bold; color: rgb(255, 255, 255);">Ris og Ros</span>
<ul>
<li><a href="http://www.spiritueltcenter.dk/new/index.php?id=98"> Om Ris og ros</a></li>
</ul></li>
</ul>
  </div>

Sådan, det virker næsten som det skal :) Mange tak for hjælpen. Resten klarer jeg herfra :)

Glemte lige en rettelse for at tilpasse bredden på menu elementerne

li { /* all list items */
    float: left;
    position: relative;
    width: 8em;  /* <-- retter */
}

width: 8.5em; i bredde er faktisk lidt bedre.