Need Assistance with "Background Image" Code...

[themainevent]

Hello Everyone,

I recently downloaded and started modifying the "Books Forever" template (Template 6 I believe) Free Website Templates.

Template Preview: http://www.freewebsitetemplates.com/preview/template6/

My Website: http://tech.ev3nt.net

My problem is regarding the "body background" image, which is currently the blue "Menu Bar" at the top of the page. I have modified the image to create a different Menu Bar, but now I would like to have an actual background image that shows up all over the site. I am not quite sure how to accomplish this.

The Menu Bar (Body Background) is listed in the CSS under the "Body" section. Whenever I click "View Background Image" anywhere on the page, the "Menu Bar" is what is displayed. This makes sense because the blue bar is defined as the background image.

I need to know how to use another image to show up as the actual "Background" Image, not just the Menu Bar at the top. For instance, on Freewebsitetemplates.com, the blue stripes show up as the background all over the page. I want to accomplish the same effect with an image I have selected for my background. I think that I am being prevented from setting it as the background because the Menu Bar is already defined as the background.

Long story short, the template I pasted above has a "body background" image used for the menu bar, but I need to add an actual "background" to cover the entire site.

Any assistance with adding a full background to my site would be GREATLY appreciated!!

[ishkey]

one way would be to change the background color
new

body {
 background : aqua url('images/body_background.gif') repeat-x 0px 57px;
 color : #7B7B7B;
 text-align : center;
 font-family : tahoma, sans-serif;
 font-size : 9px;
}

old

body {
 background : url('images/body_background.gif') #fff repeat-x 0px 57px;
 color : #7B7B7B;
 text-align : center;
 font-family : tahoma, sans-serif;
 font-size : 9px;
}