Background Image in Header

Hey, Im trying to get a background image in the header. I want it to be BEHIND the current header and "features" but I cant figure out how to do this. Example: I have brandnav disabled, I tried enabling it and setting a background picture but its not going behind the actualt "header" its just pushing the rest down. My header template consists of: Secondary Nav Features Nav Thanks in advance!

Hi,
I think this is going to be very difficult but let's see.
Go to Dashboard > PageLines > Templates and include the Features in the header, along with the branding, navigation and secondary navigation. Place those navigation options where you want them in vertical order. If the features are to be at the bottom, move that to the lowest position.
Now go to Dashboard > PageLines > Settings > Color Control and upload your background image, setting it to 0 vertical position and 50 for the horizontal. Not knowing the image, you may need to adjust it if you need it to tile. Once uploaded, save your settings. The background should now be visible behind the branding area/heading, globally.

I already have a background image. I have added the "branding" now to my header, can I not somehow set the background image of the branding to be the picture I want? Did you look at the screen shot I attached and the site? I just want the background image to be the background image of the header only.
For instance I can do the following:
#branding .content {
z-index: 10;
background: MYPIC;
height: 250px;
}
But it then pushes down the nav and everything else, is there a way I can get it to move up behind the featured area?
Thanks in advance