setting up div

setting up div

trying to make html page with 2nd page caller having div inside the content area. somehow i isnt display properly. sharing code here.

for the information it shows it has flash (Don't Worry) it interprete through js file and shows JS player instead flash.

actaully i want to show 100% height and width filling up space between header and footer of the player.
Here is the code of html : 

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8" />
  6. <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
  7. <meta name="apple-mobile-web-app-capable" content="yes" />
  8. <title>jQuery Mobile Page</title>
  9. <link rel="stylesheet" href="jquery.mobile-1.0a3.css" />
  10. <script type="text/javascript" src="jquery-1.5.1.min.js"></script>
  11. <script type="text/javascript" src="jquery.mobile-1.0a3.min.js"></script>
  12. <style>
  13. html { height:100%; }
  14. body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
  15. a{ color:#AAAAAA; text-decoration:underline; }
  16. a:hover{ color:#FFFFFF; text-decoration:underline; }
  17. </style>
  18. </head>
  19. <body>


  22. <!-- Start of first page --> 
  23. <div data-role="page" id="Home" data-theme="a"> 
  24.  
  25. <div data-role="header"> 
  26. <h1>Home</h1> 
  27. </div><!-- /header --> 
  28.  
  29. <div data-role="content" data-theme="a">

  32. <div data-role="navbar">
  33. <ul>
  34. <li><a href="a.html" class="ui-btn-active">One</a></li>
  35. <li><a href="b.html">Two</a></li>
  36. </ul>
  37. </div><!-- /navbar -->


  40. <p>Hello world</p>
  41. <ul data-role="listview" data-inset="true" data-theme="c">
  42. <li><a href="#Products">Products</a></li>
  43. <li><a href="#Services">Services</a></li>
  44. <li><a href="#about">About us</a></li>
  45. <li><a href="#contact">Contact</a></li>
  46. </ul>
  47. </div><!-- /content --> 
  49. <div data-role="footer" data-position="fixed" data-theme="a"> 
  50. <h4>Testing</h4> 
  51. </div><!-- /footer --> 
  52. </div><!-- /page --> 


  55. <!-- Start of second page --> 
  56. <div data-role="page" id="Products" data-theme="a"> 
  57.  
  58. <div data-role="header"> 
  59. <h1>Products</h1> 
  60. </div><!-- /header --> 
  61.  
  62. <div data-role="content" >
  63. <script src="pano.js"></script>
  64. <div id="pano" style="width:100%; height:100%;">
  65. <noscript>Javascript not activated</noscript>
  66. <script>
  67. embedpano({swf:"krpano.swf", xml:"ERbr.xml", target:"pano"});
  68. </script>
  69. </div>
  70. </div><!-- /content --> 
  72. <div data-role="footer" data-position="fixed" data-theme="a"> 
  73. <h4>Products</h4> 
  74. </div><!-- /footer --> 
  75. </div><!-- /page --> 

  77. </body>

  79. </html>
Please guide.