WCM Forum - CSS 3. div Ebene kein background-image möglich?

Folgendes für mich unerklärliches Problem: die 3. DIV-Ebene "#headlogo" wird anscheinend an der richtigen Stelle plaziert, aber das "background-image: url(images/layout_04.gif);" wird nicht angezeigt. Und ja, das Bild ist im da und hat den richtigen namen (keine Tippfehler).

Ich hab mit CSS und Webdingsbums nicht viel am Hut, sehe den Fehler nicht :( Bin eigentlich noch nicht weit gekommen und jetzt schon so ein Stolperstein? Bitte um Hilfe :-) Ist ja schon halb drei, aber so kann ich nicht schlafen gehen ;)

Code:

<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

<html>

<head>

<title>Test Layout</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!--



#container

{

        position: relative;

        z-index: 1;

        width: 1106px;

        padding: 0px;

        margin: 0px auto;

        margin-left: auto;

        margin-right: auto;

        background-color: #FFFFFF;

        background-image: url(images/layout_02.gif);

}



#main

{

        position: relative;

        z-index: 2;

        width: 1106px;

        min-height: 696px;

        height: expression(this.scrollHeight > 696 ? "auto":"696px");

        background-image: url(images/layout_01.gif);

        background-repeat: no-repeat;

}



#headlogo

{

        position: relative;

        z-index: 3;

        width: 1106px;

        height: 96px

        background-image: url(images/layout_04.gif);

        background-repeat: no-repeat;

}



#footer

{

        position: relative;

        z-index: 1;

        width: 1106px;

        height: 100px;

        background-image: url(images/layout_03.gif);

        background-repeat: no-repeat;

}



-->

</style>

</head>

<body style="background-color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">

        <div id="container">

                <div id="main">

                        <div id="headlogo">

                        </div>

                </div>

                <div id="footer">

                </div>

        </div>

</body>

</html>