I'm working on a website, (demo at www.mariodecristofano.com/vrtraining1/) which has been decided by the client, to be ok. The client wants to emulate the header graphic (Union Jack flag) at http://www.veteransretreat.org.uk and has provided me with the orginal graphic (the client owns that website too!) In the new site however, I want the flag to only be as tall as the white space made available for it.

Now I know not to use dirty AP Div's or tables for this, but looking at the existing site CSS I can see the following addition should work (?) when I add it to my CSS

body {
background-image: url(../image/motif_test.png);
background-repeat: no-repeat;
background-position:top center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #ffffff;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;


But I can't get it to display anything. It's like its not reading this bit of CSS or I am doing something dumb (likley).

The CSS for the Veterans Retreat website which I'm trying to emulate is here

The CSS for my VR Training site is here

I'd be terribly grateful of any help anyone could offer, and if there's something I can do in return, I'd be happy to help