I am trying to place a background image behind all content in the content area. I have been playing with it for a couple hours now, but am not getting anywhere. Where would I place the following in css03.css to get the desired results?

background: url('') repeat-x;

I am running version 7.4.39

I currently have the following:

#mainBody {
        width:100%;
        margin:0px;
        height:500px;
        background: url('') repeat-x;
        position:relative;
    z-index:0;
}
#main > #mainBody {
        height:auto;
        min-height:500px;
}
#contentArea {
        background: url('') repeat-x;
        z-index:2;
        position:relative;
        padding-top:10px;
        padding-left:10px;
        padding-right:20px;
        padding-bottom:20px;
        -moz-box-sizing:border-box;
        font-family:verdana;
        font-size:9pt;
    min-height:500px;
}

--- (Edited on 3/6/2009 7:47 pm [GMT-0600] by lctn2) ---

It was the "repeat-x" Making a smaller image, and eliminiating "-x" fixed it.

#mainBody {
        width:100%;
        margin:0px;
        height:800px;
         background: url('') repeat;
        position:relative;
    z-index:0;

--- (Edited on 3/7/2009 10:04 pm [GMT-0600] by lctn2) ---