Help with background image for textarea

The problem I am having here is that the image will stay fixed in the background as the text scrolls in IE but not in Firefox when I have it set one way and then it will reverse if I set it another way and stay fixed in Firefox but not fixed in IE.

Here is what I am working with.

Stays fixed in Firefox in center of the text area box and moves with entire page but stays in the center of the background of the whole lenght of text in text box (kind of like a scrolling blog) in IE

textarea.textbox { background:#cccccc url(K.gif) no-repeat center;

Stays fixed in IE in center of the text area box and moves with the entire page in IE but in Firefox when I scroll the whole page down it starts in the center of the text area but the whole page scrolls past and the image disappears.

textarea.textbox { background:#cccccc url(K.gif) no-repeat center fixed;

I want to figure out how to make the image the static background of the text box in both browsers.

Any insight into this would be greatly appreciated.

Got a hyperlink so we can see what's happening?

Fixed position is fixed relative to the viewport. Moz/Gecko and Opera7 understand this. An image (or any other element), whether foreground or background, that is fixed, does not move. Even as the rest of the page scrolls on by, the fixed element stays glued to its spot.

IE groks this in only one instance, a background image belonging to body. In any other use of fixed positioning, IE treats it as absolute—positioning it relative to its parent.

cheers,

gary