My guess is IE is tripping up on the structure of your accordion contents. That is, you're dividing LIs arbitrarily using DIV tags- I may be wrong, but that isn't allowed in HTML. Try changing your menu headers to DIV tags, and each group of accordion content as a UL list instead. So instead of say:
Code:
<li><a href="javascript:animatedcollapse.toggle('promo')">Promotional Material</a></li>
<div id="promo" style="display:none">
<li id="sub_menu"><a href="alive_asia">Alive Asia</a></li>
<li id="sub_menu"><a href="willow">Lakeland Willow Water</a></li>
<li id="sub_menu"><a href="transair">TransAir</a></li>
<li id="sub_menu"><a href="ex_woodcraft">Exclusive Woodcraft</a></li>
<li id="sub_menu"><a href="ibi_brochures">IBI Group Brochures</a></li>
<li id="sub_menu"><a href="cityscape">IBI Group Cityscape</a></li>
</div>
Change that to:
Code:
<div><a href="javascript:animatedcollapse.toggle('promo')">Promotional Material</a></div>
<ul id="promo" style="display:none">
<li id="sub_menu"><a href="alive_asia">Alive Asia</a></li>
<li id="sub_menu"><a href="willow">Lakeland Willow Water</a></li>
<li id="sub_menu"><a href="transair">TransAir</a></li>
<li id="sub_menu"><a href="ex_woodcraft">Exclusive Woodcraft</a></li>
<li id="sub_menu"><a href="ibi_brochures">IBI Group Brochures</a></li>
<li id="sub_menu"><a href="cityscape">IBI Group Cityscape</a></li>
</ul>
Bookmarks