CSS Background image problems
 

I am trying to add a background image to my site while keeping the main central body background grey. Here is what I have done:

Added class="MainTable" to the table definition in rectangle_top.tpl.

Added BODY {
MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px;
background-image:url(http://server5.alwayswebhosting.com/~mountain/store/skin1/images/img_84.gif);
background-repeat: repeat;
}
to the skin1.css file.

And added


.MainTable {
background-color: #222222;
}
to the skin1.css file.

But all I get is the pattern all over the page. What can I do to fix this?

You need to set the background to not repeat, and position it where you want it.

background-repeat: no-repeat;
background-position: 50% 50%;

it actually works fine in Firefox, but in Safari it keeps the pattern all over the page. I have even emptied my cache in both browsers.....is there a reason why my CSS changes dont affect how it displays in Safari?

Here is the URL
http://server5.alwayswebhosting.com/~mountain/store/home.php

Ahhh...I see what you are saying...shows up that way in IE as well....try using the old fashioned

<td bgcolor="#222222"

to rectangle_top and see if that makes a difference.

no luck. putting <td bgcolor="#222222" in the rectangle_top.tpl table definition just makes Firefox look the same as Safari and IE....repeating pattern all over the page.....any other suggestions?

How about assigning the maintable class to the first table in home.tpl?

Very close! This is what I get.....now what?
www.mountainhideout.com/example.htm

Assign it to head.tpl as well...

That fixed that! There is just a small sliver that isnt grey on the bottom, but im ok with it. THANKS!