Best method in JQM to use background image?

Best method in JQM to use background image?

I want to use a background using a .png graphic I have to compliment the theme I'm using. I have tried placing styling the body attribute on the external CSS file without luck. I also created a CSS file in the header a page and again no luck. 

I ran diagnostics on the CSS and page through Firefox and did not find anything in error. I hope someone can provide me with a solution. I also checked to ensure the correct folders where the graphic resides is correct.

Thanks in advance

Code Snippit of external CSS:

  2. /* Marri's CSS Stylesheet */
  3. @charset "utf-8";

  5. /* general styles */
  6. body {font-family: Arial;
  7. /* sets the base font size */
  8. font-size: 16px; 
  9. margin-left: 0px; padding: 0px;
  10. /* srts the page background color to white */
  11. background-color: #fff;
  12. /* sets background */
  13. background-image: url(images/bgrounds/beige227.png);
  14. background-repeat: repeat;
  15. }

  17. /* Text Formatting */
  18. /* set page font size */
  19. .page { font-size: .8em;}
  20. /* causes the header banner to stretch the lenght of the screen */
  21. page .banner {width: 100%; height: 125px;}

  23. hr {width:50%; align:center;}
  24. .alignCtr {text-align: center;}
  25. h1 {font-size: 2em; text-align:center;}
  26. h2 {font-size: 1.5em; text-align:center;}
  27. h3 {font-size: 1.2em; text-align:center;}
  28. h4 {font-size: 1em;}

  30. .notes { font-size: .8em;"}
  31. .notesCntr { font-size: .8em; text-align: center;}
  32. .phonrLink {color:#000; text-align:center;}

  34. /* Layout */
  35. /* centers the page o screen center */
  36. .page { position: relative; margin: 0 auto 0 auto; max-width: 61.2em;}
  37. /* displays the header graphics */
  38. .page content{
  39. margin: .93em 1,25em 1.25em 0; 
  40. padding: 1.25em; 
  41. border: 1px solid #bdbdbd; 
  42. background: #f1f1f1;}
  43. .subHeader {font-size: 1.3em;font-weight: bold; text-align:center;}

  45. .bottomMenu { font-size:.6em; 

  48. /* positiong */
  49. #flt-l {float:left; margin-left: .93em;}
  50. #flt-r {float:right; margin-right: .93em;}
  51. .alignMap {text-align:center; margin: 0 auto 0 auto; padding: 4 4 4 4;}

  53. .footer {
  54. text-align:center;
  55. font-size:.8em;
  56. font-weight:400;
  57. color:#000;}

  59. /* image sizing and positioning */
  60. .img_left {height:2em; width:2em; float:left; margin:0; padding: 4 4 4 4;}
  61. .img_right{height:2em; width:2em; float:right;margin:0; padding: 4 4 4 4;}

  63. .imgCtr {display: block; margin-left: auto; margin-right: auto }
  64. .footerAlignCtr {text-align:center; font-size: .8em; color:#000;}