title: visualforce background image not displaying
body: <p>I am trying to implement a simple VF tabbed interface. I have uploaded a zip file containing a background image inside "images" folder and the required css as</p>
  
  <pre><code>     &lt;style type="text/css"&gt;body { background-image: url("images/back.jpeg") }  
  </code></pre>
  
  <p></p>
  
  <p>Following is how I implemented.</p>
  
  <pre><code>    &lt;apex:page id="thePage" sidebar="false" showHeader="false" tabstyle="Invoice_Statement__c"        standardController="Invoice_Statement__c" standardStylesheets="false"&gt;
     &lt;apex:image url="{!$Resource.header}" width="1250" /&gt;
     &lt;apex:stylesheet value="{!URLFOR($Resource.myStyles, 'styles.css')}"/&gt;
     &lt;style type="text/css"&gt;
     p { background-color: ;}
         tabPanel{ background-color:blue;}
         .activeTab {background-color: #236FBD; color:white; background-image:none}
         .inactiveTab { background-color: lightgrey; color:black; background-image:none}
     &lt;/style&gt;
  
     &lt;apex:tabPanel switchType="client" selectedTab="name1" id="theTabPanel" tabClass="activeTab"    inactiveTabClass="inactiveTab"&gt;
     ..
     ..
     ..
      &lt;/apex:tabPanel&gt;
      &lt;/apex:page&gt;
  </code></pre>
  
  <p>My problem is that background is not displaying. I followed this link-->  <a href="http://www.salesforce.com/us/developer/docs/pages/Content/pages_styling_custom.htm" rel="nofollow">http://www.salesforce.com/us/developer/docs/pages/Content/pages_styling_custom.htm</a>
   I have used </p>
  
  <pre><code>   &lt;apex:image url="{!$Resource...}" width="1250" /&gt;
  </code></pre>
  
  <p>and its working fine, but I'm unable to get a background image for my app. Any suggestions?</p>
  
  <p>Thanks in advance
  MnZ</p>