Body background image centered at the bottom...not working.

Hopefully this should be an easy one.

http://ne3d.cwtclients.co.uk/index.html

In the URL above, if you view the site in IE7, you'll see that there is a large image which is set in the stylesheet as the background of the body, it centered at the bottom of the page. If however you view the site in FF, you'll notice that the background image doesn't appear at all.

I'd just like to know where I've going wrong?

I've attached the CSS for the body tag.

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../images/body-bg.png) center bottom no-repeat;	
	font-family: Arial, Helvetica, sans-serif;
	}

Select allOpen in new window