Accordion broken in IE7 when embedded in parent container with overflow:auto set

Accordion broken in IE7 when embedded in parent container with overflow:auto set

The JQuery UI Accordion widget doesn't work with longer scrollable content in IE7 when parent container div has overflow:auto; set on it. I tried setting the innermost child div of the Accordion to overflow:visible !important; but it didn't work. Works fine in IE8, IE9, IE9 compatibility mode, Chrome, FF, Opera, and Safari.

Test this fiddle in IE7. Be sure to explicity set IE to use "Browser mode: IE7" and "Document Mode: IE7 standards".

How to fix?

<div style="overflow:auto;">
    <div id="accordion" style="overflow:visible;float:right;height:400px;width:500px;border:2px solid red;float:right;">
        <h3>Section 1</h3>
        <div>


            <!-- some long content in here that exceeds height of parent container -->
        </div>
    </div>
</div>