Loading icon überdeckt header

Aloha Community,

ich möchte in einer Seite mit viel Content eine Loading-Animation einbinden.

dazu habe ich am Anfang der entsprechenden Seite folgenden Code eingefügt:

<div class="se-pre-con"></div>
<script type="text/javascript">
$(window).load(function() {
// Animate loader off screen
$(".se-pre-con").fadeOut("slow");;
});
</script>

wenn ich nun die entsprechende Seite öffne überdeckt die Ladeanimation jedoch auch den Header.

Wie verhindere ich das?

Link zur Seite:

yoshi.dynu.com/flexosite/kuenstler-1

Ich hoffe ihr könnt mir da weiterhelfen.

Grüße

da war ich einfach nur blöde... in der css, welche dem Element auch das Bild zuweist einfach noch einen entsprechenden z-index zugewiesen, der zwischen content und header liegt et voila. kann zu.