How Do I Add A Background Image To My Header?

Hi does anyone know how to add a background image to the area of the header behind the navigation and other images as mine currently seems to stop expanding once it reaches another

Solution 1:

You wrote .header. Remove the Dot in the beginning of header and your done. so it would look the this:

header {
     width:100%;
     background-image:url("images/webheader.jpg");
}

Solution 2:

You are having an extra space in your value, thus making it invalid.

.MainHeader {
    background: url (images/webheader.jpg);
}

should be

.MainHeader {
    background: url(images/webheader.jpg);
}

See jsfiddle