Image size and tiling

I have created an animated gif image to use as a background, i ended up hving to try the image tiled as it did know how to make it fit across the whole screen, i havent found anywhere that explains what sizes the background images should be, i am viewing the site in 1680x1050 and the image does not fit too well, but if i try to view it in a lower resolution like 1280x1024 its even worse. Can anyone help.

Here is the site link:

http://www.aromabubble.com/shop

Definitely an interesting concept but too sure how well it will go over with your Visitors.

You will have to be inventive / creative to achieve your final goal but these two statements added to your 'body' declaration might help;

background-image: url(../images/prototype3.gif) repeat-x fixed;

Or something similar to the above.

Thanks for quick reply, your right about what any visitors will think as the image ended up a lot larger than i thought it would and does seem to become overpowering if you look at it for too long, my intention was to have a smaller image at the bottom left with the bubbles floating to the top so you only see floating bubbles unless you scroll right to the bottom, and i wanted a mirror of that on the right hand side.
It would mean having two images one for the left and one for the right but from what i have read that is not possible, i did see one post that could help but most of the instruction went over my head.

I will keep trying though.