Adding a Background Image

Site here

I’ve searched through the support for codes to replace my style sheet header code but none of them worked. Either It created a repeating pattern all over the place (not just in headerand threw off placement of nav) even though it says “repeat:no repeat” or it goes to the far left. Also I want to keep the format and the title along with the description. I just want to add a background in the back of all of that in the header.

Also, if need be I’d love to make the header a little bigger length wise. But want to fill up the width.

I’ve looked at the Designing a Header, but it didn’t quite work out. Any pointers are greatly appreciated!

thanks in advance

ps:my style sheet header code

#header {
background: #FFFFFF;
width: 960px;
margin: 0px auto 0px;
padding: 10px 0px 10px 0px;
text-align: center;
border-top: 5px solid #658DB5;
text-transform: uppercase;
}

#header a {
font-family: Times New Roman, Helvetica, Sans-Serif;
font-size: 48px;
color: #333333;
text-decoration: none;
padding: 0px 10px 0px 10px;
margin: 0px;
text-transform: uppercase;
}

#header a:hover{
color: #333333;