Background Image Doesn't Show For Header

I have simple html page with body and header elements:

I try to add background image to header. If i d

Solution 1:

Try setting a width and height on your header element's css.

.logoBar {
   width: 100%;
   height: 250px; <!-- Your image height goes here...
   background:url('http://img704.imageshack.us/img704/2162/67726065.jpg') repeat-x center top;
}

Solution 2:

You have to set a width and height for the header. If it has no content it will simply be 0px wide and 0px tall.

.logoBar {
   background:url('http://img704.imageshack.us/img704/2162/67726065.jpg') repeat-x center top;
   width: 900px;
   height: 300px;
}

Demo: http://jsfiddle.net/Zjczp/

Solution 3:

now define value of your class .logobar

as like this

.logobar{display:block;}

and define width and heightaccording to@WDffy and @Cristy