Title gradients

[Ken44]

Hi

 

I have made a graduated jpg to add to my title bars as described in this contribution

 

http://addons.oscommerce.com/info/2114

 

They work perfectly in Internet Explorer but in Firefox the gradients scroll as the page is scrolled or resized.

 

Can anyone help with the CSS please?

 

I did a search on the problem and found a suggestion to add

 

height:100%;

 

But that has not solved the problem.

 

 

I also tried

 

background-position: bottom center;

 

But it's still the same

 

Here is part of my current stylesheet

 

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
/*  background: #000000;*/
background-image: url(/images/gradient15.jpg);
background-attachment: fixed;
background-repeat: repeat; 
background-position: bottom center;
color: #ffffff;
text-align: center;
height:100%; 
}

 

 

My gradient15.jpg is 1 pixel wide and 15 pixels high as suggested in the contribution.

 

Thanks

 

Ken.