How to add image as background of block

Can someone help me to understand what am i doing wrong? Want to add an image at the top center but it doesn't show anything. Here is a css code.Thank you.

div.header {

    background: url(photo/header.png) no-repeat ;

    display: block;

    width: 1002px;

    height:178px;

}