image not displaying

I am trying to display an image by using css. The code isn’t working. Nothing is displayed.

I have tried this code;

[CODE]#head-photo {background-image: url(‘http://what-do-christians-believe.co.uk/wpimages/people-2d.jpg’);
max-width: 30em;
max-height: 15em;}[/CODE]

I currently have this code in the css file;

[CODE]#head-photo {maximum-width: 62.50em;
maximum-height: 14.70em;
margin: 0 auto;
background: url(http://www.what-do-christians-believ…/people_2d.jpg) no-repeat center scroll;
}[/CODE]

The html code for the image is;

[code=html]<div id=”head-photo”> ///also tried putting </div> here
</div>[/code]

You can see what happens[URL=”http://www.what-do-christians-believe.co.uk/test/author.css”] here.[/URL] The image in the text box is in the html file. For some reason the larger image was rejected and the validation said to use css instead.

Also in #CSS _↴