CSS totally baffling me

I’m using the Andy Blue Ver 1.3 and love it…

How ever I’d like an image background for the body and can’t get the CSS code to work. It’s weird…
Here is the orginal code… two sections that control the body of the site diplayed here Sample of using orginal CSS https://www.fastebusiness.com/ebusiness/

html, body {
font-family:lucida,verdana,sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
background-color:#7F462B;

}

body {
color:#000000;
background-color:#ffffff;
border:solid 1px #000000;
padding:0px;
margin:10px 15px 15px 15px;
}

Senerio 1:
Now when I place background-image: url(‘images/timebk-white-tran1.gif’);
in the lower section…

html, body {
font-family:lucida,verdana,sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
background-color:#7F462B;

}
body {
color:#000000;
background-color:#ffffff;
border:solid 1px #000000;
padding:0px;
margin:10px 15px 15px 15px;
background-image: url(‘images/timebk-white-tran1.gif’);

}

The background of the site remain the color and the content section shows the background image… you can see a sample here https://www.fastebusiness.com/

Senerio 2
When I remove the
background-image: url(‘images/timebk-white-tran1.gif’); and place it in top section

html, body {
font-family:lucida,verdana,sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
background-color:#7F462B;
background-image: url(‘images/timebk-white-tran1.gif’);

}
body {
color:#000000;
background-color:#ffffff;
border:solid 1px #000000;
padding:0px;
margin:10px 15px 15px 15px;
}

The background image appears in the background but remains in the content section as seen in senerio 1 url sample

My css skill is very basic… usually I can figure it out…
This has me completely stumped… puzzled… baffled

I’ve tried various ways… tried to combining the the two sections of body code… and can’t solve the problem.

Can someone please assist me on how I can show an image in the background with this template?

Thanks
Ann