positioning “header” outside the “wrapper” div

[kloy]

I would like the header image to jut outside the brown “wrapper” div it’s contained in.
I am using Genesis Framework. I supposed I create another div, but want to see if I can do this using CSS. Here is the CSS I am using. I tried using a position attribute, but none were working.

http://www.palettedesign.com/

#wrap {
background-color: #aa6d24;
margin: 75px auto;
width: 960px;
padding: 0;
}

#header {
margin-top: -25px;
margin: auto;
height: 198px;
width: 100%;
background: url(images/head.png);

}

[kloy]

Thank You :)

[Author]

Posts