Hilfe bei z-index benötigt

Hallo zusammen,
ich versuche gerade verzweifelt eine Div-Box mittels z-index über meinen Header zu bekommen, kann mir da vielleicht jemand netterweise helfen?

Hier der CSS-Code

[CODE]#wrapper {width: 960px;
min-height: 500px;
margin: 0 auto;
padding: 0 0 100px 0}

#header {
position: relative;
width: 800px;
height: 200px;
padding: 36px 0 64px 160px;
background: url(images/header-bg.jpg);
margin: 0 auto;
z-index: 1;
/-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.6);
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.6);
/
}

#logo {position: absolute;
width: 610px;
height: 300px;
background: url(images/logo.png);
z-index: 2;}[/CODE]

Für eure Hilfe danke ich im Voraus.

Vlt. wäre der HTML-Code dazu noch interessant … oder ein Link zur Seite.

Oh, natürlich. Entschuldigt bitte:
[HTML]

    <div id="header">
  
        <div id="meteor-slides"><?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?></div>
      
    </div>
  
    <div id="logo"></div>[/HTML]

Hat sich erledigt, danke!