Spry collapsible panel fix for IE

Question

hey
anyone out there knows how to fix the spry collapsible panels to work properly on IE ?
Firefox is perfect  but  they appear and stay open even when clicked
how could i make them appear closed and open only if clicked, close again when clicked to close? just like firefox
( http://www.pupr.edu/template )

Answer 1

Remove the empty element
<ul id="MenuBar1" class="MenuBarHorizontal">
  <li class="MAINbtn"><a href="index.asp">Deanship</a></li>
  <li class="MAINbtn"><a href="research.asp">Research</a></li>
  <li class="MAINbtn"><a href="faculty.asp">Faculty</a></li>
  <li class="MAINbtn"><a href="labs.asp">Labs</a></li>
  <li class="MAINbtn"><a href="events.asp">Events</a></li>
  <li class="MAINbtn"><a href="students.asp">Students</a></li>
  <li class="MAINbtn"><a href="Programs2.asp">Programs</a>    </li>
  <!-- <li>
  </li> -->
<li class="MAINbtn" style="margin-left:400px"><a href="interested.asp">Interested ?</a></li></ul>
and remove the unused CollapsilbePanel1 constructor
<script type="text/javascript">
<!--
// var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {contentIsOpen:false});
var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen:false});
//-->
Gramps