jQuery UI Accordion

jQuery UI Accordion

Hi

I just discovered that the code below works correctly in all browsers except IE7. In IE7, the dropdown text will periodically shift to the far left upon clicking the link, and then shift back again. Any help is much appreciated.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/
jquery.min.js" type="text/javascript"></script>
       <script type="text/javascript" src="/ui/jquery-
ui-1.7.2.custom.min.js"></script>
       <script type="text/javascript">
       $(function() {
               $("#accordion").accordion(
               {
                       active:false,
                       autoHeight: false,
                       collapsible: true

               });
       });
       </script>
</script>

<p><span style="font-size: .9em; font-weight:bold; font-style:
italic;">(Click each item to expand/collapse.)</span></p>



<ul id="accordion" class="ulchecklist">
       <li class="checklist"><a href="#">Screen1</a>
       <div>
               <p>Pellentesque vel dui sed orci faucibus iaculis. Suspendisse
dictum magna id purus tincidunt rutrum. Nulla congue. Vivamus sit amet
lorem posuere dui vulputate ornare. Phasellus mattis sollicitudin
ligula.</p>
       </div></li>
       <li class="checklist"><a href="#">Screen2</a>
       <div>
               <p>Pellentesque vel dui sed orci faucibus iaculis. Suspendisse
dictum magna id purus tincidunt rutrum. Nulla congue. Vivamus sit amet
lorem posuere dui vulputate ornare. Phasellus mattis sollicitudin
ligula.</p>
       </div></li>
       <li class="checklist"><a href="#">Screen3</a>
       <div>
               <p>Pellentesque vel dui sed orci faucibus iaculis. Suspendisse
dictum magna id purus tincidunt rutrum. Nulla congue. Vivamus sit amet
lorem posuere dui vulputate ornare. Phasellus mattis sollicitudin
ligula.</p>
       </div></li>

</ul>