I have a gradient background outside the actual content of our site. I have the background color set to the darkest part of the gradient, and it tiles horizontally so that it appears seamless. The problem I have is that on our main pages outside of the store directory, it shows up fine in both Internet Explorer and Firefox. However, once in the store directory, the background color shows up in MSIE but not Firefox.
The CSS in the store:
Code:
BODY {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
COLOR: #550000;
FONT-SIZE: 10px;
BACKGROUND-IMAGE: url("http://www.sellproinc.com/images/gradient.jpg");
BACKGROUND-COLOR: #6498FE;
BACKGROUND-REPEAT: repeat-x;
}
The CSS on the main pages:
Code:
body {
background-image: url("images/gradient.jpg");
background-color: #6498FE;
background-repeat: repeat-x;
font-family: arial;
font size: 10px;
color: #000;
}
Pretty much the same. With Firefox gaining a larger percentage of the browsing populace, I want to make sure the site looks good in both.