I had the same problem with the version of jQuery Mobile that I downloaded.
I had downloaded the code from a "jquerymobile.jqGrid-Trial.zip" file. On my laptop, the jqGrid Mobile icons looked fine, but on an iPhone or Android device, they'd be badly offset.

My solution was to modify part of the jquery.mobile.css file to look like this:
.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
.ui-icon-search, .ui-icon-searchfield:after,
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
background-image: url(images/icons-18-white.png);
-moz-background-size: 776px 18px;
-o-background-size: 776px 18px;
-webkit-background-size: 776px 18px;
background-size: 776px 18px;
}
(Previously, it had a different background image name in there, and had a quoted image width of 864px, rather than 776px.)
Btw, to find this solution, I actually ignored the .zip file I'd downloaded from the jQuery website, looked at jqGrid's own example (which did work fine on a device), then compared the "jquery-mobile-1.2.0.css" file which they'd chosen to use:
Working jQuery Grid demo
Hope this helps.