"z-index" zeigt keine Funktion

[ChrisB]

Hi,

Du hast DIV-Elemente in ein A-Element gesteckt, die dort aber nicht vorkommen dürfen.
Ok, habe das verbessert, ohne dass sich etwas am Ergebnis ändert.

<div id="functions">  
  <div style="...">  
    <div class="function_hover">Tools<br>Hhuhuhu! hehe.<br>Hahah.<br>Test<br>Blalalalalalal<br>Zeile</div>  
  </div>

z-index wirkt immer nur „lokal“.
Du hast dem DIV mit der Klasse "function_hover" zwar einen z-index verpasst, dass darum liegende hat aber keinen. Und da letzteres nun mal unterhalb des nachfolgenden Inhalts liegt, kannst du dem darin liegenden z-index verpassen, bis du schwarz wirst - das wird nichts ändern.
Gebe dem äusseren der beiden einen Wert für z-index.

Der Validator hat mir übrigens schon geholfen den Rest des Designs valide zu halten.

Das ist fein - sinnvoll ist der Code deshalb aber noch lange nicht.
Bspw. dieses kleine Menü solltest du sinnvoll als Liste umsetzen - statt DIV-Suppe zu kochen. (Allein die Startseite enthält 200 DIV-Elemente.)

MfG ChrisB