Logo über dem Header

Hallo,

undzwar kriege ich es nicht hin mein logo über den Header zu machen. Hier mal mein code: #logo {
width:1280px;
height:200px;
background:url("/images/logo.png") no-repeat;

}
#header {
width:1280px;
height:200px;
background:url("/images/header.png") no-repeat;
border-radius: 6px;
}

<div id="logo">

</div>
<div id="header">

</div>

Der Header verdeckt das Logo

Ok, ich habe nun ein weiteres Problem undzwar wenn ich jetzte das Logo rein mache kann ich nix anderes mehr anklicken ( Einloggen z.B ) hirer mal ein bild:

code: #Website {
width:980px;
margin: 0 auto;

}

#logo {
background-image: url('/images/logo.png');
width: 980px;
height: 650px;
background-repeat: no-repeat;
background-position: center center;
z-index:1;
position:absolute;

}
#header {
background-image: url('/images/header.png');
width:980px;
height:330px;
background-repeat: no-repeat;
background-position: center center;
z-index:0;
}
}

Wenn ich das Logo deaktiviere geht es wieder