title: Body Tag CSS styling respected by Chrome but not FireFox or IE
body: <p>I am having an issue when developing a WordPress theme. I developed the theme using Chrome, and everything looked fine. The theme is based on the Roots theme for WordPress:
  <a href="http://www.rootstheme.com/" rel="nofollow">http://www.rootstheme.com/</a></p>
  
  <p>When I went to test the theme in IE and Firefox, none of the CSS elements that I defined in the <code>/css/style.css</code> file were being applied to the elements!</p>
  
  <p>The site is <a href="http://precisionmfgmn.com/" rel="nofollow">http://precisionmfgmn.com/</a>.</p>
  
  <p>In Firebug, I am able to see the contents of the stylesheet in the HEAD section, but when I look at the HTML element, none of the rules in the sheet are being applied to the elements.</p>
  
  <p>One notable example is the BODY element, which is not getting the background image applied to it.</p>
  
  <p>Any ideas as to why this is happening in a browser-specific manner?</p>