Trouble displaying background image

Trouble displaying background image


Version:  jQuery Mobile: 1.2.0
URL: mobilehost.me/MP/menu.html

To Do: 
Display graphic for the header and overlay some text.

Problem: 
This is a very simple process and did it on PC site many times, however can't seem to locate why it's not showing up. I don't know if this makes any difference, I code using Dreamweaver CS5.5

This site is under development to learn jQuery so will look rough.

      CSS for myheader:
  2. .myHeader {
  3. background-image:url(images/Header.jpg);
  4. width:380px;
  5. height:175px;
  6. padding:4px
  7. background-repeat: no-repeat;"
  8. }

      styleshhet linksHeader code:
  3.  <link rel="stylesheet" type="text/css" href="myStyles.css">
  4. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  5. <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  6. <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
  7. </head> 

  10. <body> 

  12. <div data-role="page" id="menuPage"> 
  14. <div data-role="header" data-theme="e">
  15. <div class="myHeader">
  16. <h1 align="center">Marri's Italian</h1>
  17. <p style="font-size:14px; 
  18.  text-align:center;
  19.  padding-top:-50px;
  20.  padding-left:10px;">
  21. Family Restaurant<br>circa 1957
  22. </p>
  23. </div> 
  24. </div>