Can't get header background image to show

I’m having trouble getting my header background image to appear. This is the image I want at the top of the header: http://ogmda.com/test/img/top_grunge.png

Right now I have the CSS as:


header  {
	background-image: url(../img/top_grunge.png);
	background-position:top;
	background-repeat:repeat-x;
}


My live preview is here.

Anyone got any ideas? Seems like it may be clashing with #homeNav’s background image logo ?

On line 55 of your css we see the header code that you have posted.

custom.css (line 55)


header {
    background-image: url("../img/top_grunge.png");
    background-position: center top;
    background-repeat: repeat-x;
}

On line 61 of the css, we see a more specific header shortcut that effectively overrides (deletes) the previous code. If you comment out this line, the top_grunge image will appear. If you just want to apply the background color, I suggest you use {background-color:#1C0F0A;} instead of the shortcut.

custom.css (line 61)


header.row, section.row {
    background: none repeat scroll 0 0 #1C0F0A;
}

That makes sense! Thank you once again ronpat;)