title: Primefaces Accordion Panel background color not working
body: <p>Here is my Accordion Panel tab</p>
  
  <pre><code>&lt;p:accordionPanel class="abc" value="#{ac.ab.listAn}" var="avar"&gt;
      &lt;p:tab titleStyle="color:#ff8000" title="#{avar.title}"&gt;
          &lt;div style="white-space: pre-wrap; background-color:#ffffff"&gt;
              &lt;h:outputText value= "#{avar.detail}"/&gt;&lt;/div&gt;
      &lt;/p:tab&gt;
  &lt;/p:accordionPanel&gt;
  </code></pre>
  
  <p>Here is the CSS content</p>
  
  <pre><code>.ui-accordion .ui-accordion-content abc {
      background-color: #ffffff;
  }
  </code></pre>
  
  <p>Because of the background color set to white in the div, the content does display with white background, but there is a thick border around it, which is actually the background color of the accordion panel. </p>
  
  <p>The need is to change the accordion panel background completely to while. The class content doesn't seem to work. Please suggest.</p>
  
  <p><a href="http://i.stack.imgur.com/9qOhJ.jpg" rel="nofollow">Image Included</a></p>