Rendering italics (or emphasis) reliably on Mobile devices (as opposed to desktops)

Rendering italics (or emphasis) reliably on Mobile devices (as opposed to desktops)

Have a look at this on a desktop and then in  a mobile browser. (recoveringacademic.co.uk/iTest/index2.html)

Using a Samsung S3 with Chrome and FF, the italics and emphasis both disappear. It's renders perfectly on a desktop.

The issue of italics (or none)  really matters to me because I'm writing about Harvard Referencing where- to many - italicization is important. 

I'd be very grateful indeed for help

I'm using the following code in the <head>

  1. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
  3. <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
  4. <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>