How can I fix this mobile stylesheet bug for iPhones and ipods?

This is how my mobile stylesheet looks on a live iphone device: http://awesomescreenshot.com/0b1开发者_C百科l8g51a , the website url can be seen in the adressbar, it looks fine on ipod/iphone from the second generation. Thanks

I think that this

width:100%;

will do the job better.

@user257357; it's not only problem of your ipad & ipod version it also have a problem in your PC version. Just test when you decrease your window size.

solution

css:

iphone & ipad

body{
 min-width:480px;
}

css:

PC

body{
 min-width:966px;
}

check this for more iPad background for div blocks not spanning entire width of screen