Jquery mobile background image - showing only a part

Hi,

I have this kind of image



I want to show this image and buttons  when u see that in ipohne,ipad or android

I used this css but only a part of the image is showing

    .ui-page.ui-body-a.ui-page-active {
 background: url(../images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 

}

Also I need to know for the buttons should I use image hotspots or should I separate buttons from background image?

Any ideas
Thanks

• Topic Participants

• studio7t7

• jtara-jquery