Strange Scrolling Category Background in Firefox

[L4E_WakaMol-King]

This is kind of hard to describe... It would be best just to see it. View my board in IE and then view it in Firefox. Scroll up and down a few times.

For some odd reason, in Firefox, the background image for the category header scrolls instead of staying in place... as if the category header were transparent and it were a window to a repeating set of gradients.

Does anyone know how to fix this? Here's the CSS styles I'm using in my Global Header.


   <style>
   <!--
   BODY {background-image: url(http://l4eclan.com/slick/background.jpg); background-attachment): fixed; }
   .titlebg {background-image: url(http://l4eclan.com/slick/l4eslickgradient.png); background-repeat: fixed;}
   .catbg {background-image: url(http://l4eclan.com/slick/gradient.png); background-attachment: fixed; background-position: center top;}
   .menubg {background-image: url(http://l4eclan.com/slick/gradient.png); background-repeat: repeat;}
   .newstitlebg {background-image: url(http://l4eclan.com/slick/l4eslickgradient.png); background-repeat: repeat;}
   -->
   </style>


The piece to focus on is catbg.

Any ideas how I can fix this?

[(¯`•DregondRahl•._)]

i dont seem to see the error..

try deleteing your temporay internetfiles and cookies, and then check it

[L4E_WakaMol-King]

Umm... go to the front page in Firefox. Scroll up and down on the page. The category headers do this wierd scrolling thing. Specifically, look at the "L4E Public Forum" and "Recent Posts on the L4E Blog" parts. See how the white part of the gradient moves when you scroll?

[(¯`•DregondRahl•._)]

hmm


<style>
<!--
BODY {
background-image: url(http://l4eclan.com/slick/background.jpg);
background-attachment: fixed;
}
.welcomebg {
background-image: url(http://l4eclan.com/slick/background2.jpg);
}
.titlebg {
background-image: url(http://l4eclan.com/slick/l4eslickgradient.png);
}
.catbg {
background-image: url(http://l4eclan.com/slick/gradient.png);
}
.menubg {
background-image: url(http://l4eclan.com/slick/gradient.png);
}
.newstitlebg {
background-image: url(http://l4eclan.com/slick/l4eslickgradient.png);
}
-->
</style>



try that insted..

[L4E_WakaMol-King]

It worked! Thank you so much!

[(¯`•DregondRahl•._)]

no prob