CSS Background resize with scrollbar?

Hi there, I'm glad I have found this forum, seems to have alot of people in here ;)

A little CSS question here...
I have background pattern in my body and a second background pattern inside a div wich is in the body.

For now everything is fine.. the pattern in my div resize to 100% of my browser and everything goes fine.
Now the problem... By the time I resize the browser small enough to get a scrollbar (horizontal) and scroll it, I loose my patern background in my div but not the one in my body..

How to fix that?
Link to the web page in question: http://www.labeaume.org/

Remove overflow:hidden in the #page in your css, add the code below and see if it works.

html{overflow-x:hidden}

Hum, it simply hide the scroller, I want to keep the scroller and keep my pattern being shown properly when scrolled...

I think it has to do with the fact that the background is absolutely positioned.

I would make #page a wrapper for the entire body content, and set the background in that so that it'll expand properly.