Buttons not displaying as expected

Buttons not displaying as expected

Hi all,
 
I'm trying to get some buttons working, but they are not looking as expected. Any ideas why?
I've just cut and paste some examples from here : http://jquerymobile.com/test/docs/content/content-grids.html
 
Code
  1. <html>
    <head>
     <meta charset="utf-8">
     <link rel="stylesheet"  href="jqm/jquery.mobile-1.2.0.min.css" /> 
     <script src="jqm/jquery-1.8.2.min.js"></script>
     <script src="jqm/jquery.mobile-1.2.0.min.js"></script> 
    </head>
    <body>






  2. <div data-role="page" >
     <div data-role="content">
      <fieldset class="ui-grid-a">  
       <div class="ui-block-a"><div data-disabled="false" aria-disabled="false" class="ui-submit ui-btn ui-shadow ui-btn-corner-all ui-btn-up-c" data-theme="c" data-iconpos="" data-icon="" data-wrapperels="span" data-iconshadow="true" data-shadow="true" data-corners="true"><span class="ui-btn-inner"><span class="ui-btn-text">Hmm</span></span><button data-disabled="false" class="ui-btn-hidden" type="submit" data-theme="c">Hmm</button></div></div>
       <div class="ui-block-b"><div data-disabled="false" aria-disabled="false" class="ui-submit ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all" data-theme="a" data-iconpos="" data-icon="" data-wrapperels="span" data-iconshadow="true" data-shadow="true" data-corners="true"><span class="ui-btn-inner"><span class="ui-btn-text">No</span></span><button data-disabled="false" class="ui-btn-hidden" type="submit" data-theme="a">No</button></div></div>     
      </fieldset>  
     </div> 
    </div>
    </body>
    </html>








Appreciate any help!
 
Thanks