Accordion inside accordion height issue

Accordion inside accordion height issue

Here is my code over at jfiddle:

I'm using nested headers. My issue is with height.  You'll see in sub-header1 and 2.  You have to use the up/down scroll to see all the text.

Here's my java script:
  3. $j=jQuery.noConflict()
  4. $j(document).ready(function() {
  5.     $j( "#subaccordion, #accordion" ).accordion({
  6.       collapsible: true,
  7.       active: false,
  8.         autoHeight: false,
  9.         clearStyle: true
  10.       
  11.     });

  13. });

And i use this little snipet of CSS code:
  1. .ui-accordion .ui-accordion-content{ overflow:visable !important; }


This works totally find on jfiddle.  But on my site, it still doesn't work.


What do you think is going on?

Thank you