How to auto-resize background image
 

I'm playing around with some code in the hope that I can find a way to have the background image resize according to the viewer's browser resolution.

Here's where I am now:

ADMIN>STYLE & TEMPLATES>STYLE MANAGER>BODY>EXTRA CSS ATTRIBUTES

margin: 0px 0px 0px 0px;
padding: 0px;

background-image: url(http://www.gotitans.com/club-view.gif);
background-repeat: no-repeat;

The image is there so now trying to figure out how to have it adjust. Any suggestions? Thanks.

UPDATE: background-size: 100%; made it happen. Not sure if it works on all browsers.

Thanks, How would one go about doing this on vBulletin 4 ? Currently on the doc_background after the image url I have inserted fixed center. And its also set at no repeat.

:)