CSS trouble with positioning header

I downloaded the call of duty template to edit and the header image
isn't even the width of the header. it seems like it'd be easy to fix
but I can't position my image any further left of what's in my picture.

Also I set the background-attachment to fixed but when I scroll down
it gets overlapped by the other part of the page.

#container {
margin: 0px auto;
text-align: left;
width: 860px; // i've played with this to no avail
}
#header{
height:300px; // if i change it to anything other than this it looks
// hideous
width:933px; // this is how i stretched the image to the right -- it was originally 777px
background-image:url(images/cloudheader.jpg);
background-repeat: no-repeat;
background-attachment: fixed

}
Here's what it looks like...don't laugh lol Thanks for any help
I'm just starting to learn css...i've been to w3schools.com
but I haven't been able to fix my problem

EDIT: i've fixed the width..but i still have an overlapping problem when i scroll
Ha fixed it!