background Images

I am developing app using the jquerymobile framework. I have to set the background image in my all the screen. But the image size is differ from mobile to mobile. I have image based on the iphone screen size.

how to set the width and height of the images ,controls based on the browsers resoultion ? how to detect the screen resolution of the browser at run time?

I tried to the but that also did not work. I dont want to use repeat attribute Please h开发者_如何学运维elp me..

Please refer the attachment.

THanks in advance

-webkit-background-size: 100% auto;

should do the trick