I am trying to get a background image placed in the main wrapper section of a template.

I would like it to be placed/displayed directly under the logo wrapper, but no matter what codes I insert ( I even made up a few goods ones that blew the stylesheet to pieces! ) the image doesn't budge from starting at the top of the page (thus the logo is placed over it!).

Here is the section of code from the stylesheet that has me totally vexxed!

#mainWrapper {
background-color: #ffffff;
background-image: url(../images/joolback.jpg);
background-repeat: no repeat;
text-align: left;
width: 750px;
vertical-align: top;
}
deleting vertical-align does nothing!

Since this template is for a client - please PM for the link.

Thanks.
Tina