bad display of linked listview items on Win8 phone

bad display of linked listview items on Win8 phone

I just had a first look at a jQM website using a Windows 8 phone and it looks BAD. The big thing that I noticed was that the linked listviews items (<ul data-role="listview">... <li><a href="#">...</a></li>... </ul>) get all bulky and ugly. You can see below how the right arrow drops down to the next line instead of being all tidy off to the right, and there is lots of padding and/or spacing


Meanwhile, on an iPhone it looks just fine:


This code is copied straight from the "Linked" section (sec. 3) of the documentation for jQM 1.3.0:

< ul data-role = "listview" >
     < li >< a href = "#" >Acura</ a ></ li >
     < li >< a href = "#" >Audi</ a ></ li >
     < li >< a href = "#" >BMW</ a ></ li >
     < li >< a href = "#" >Cadillac</ a ></ li >
     < li >< a href = "#" >Ferrari</ a ></ li >
</ ul >


I'm using jquery 1.9.1 + jQM 1.3.0.

Any idea why this looks so awful or how I can fix it?


I tried to dissect the problem by doing a full-webpage-save on the original documentation:
just in case there were some other features of the website that made it work better, but if you look at my saved version it looks just as bad:
http://www.alltrees.org/ken/ecam/Listviews.html
(again, go down to the third section to see where it looks so bad).

If I look at the jqm website using Win8 it looks just fine, but I can't replicate that result on any page I make myself. 

Any ideas?
Thanks
Ken