Scintillement menu deroulant JQuery sous IE

Bonjour,

Dans une application web que je développe j'ai un menu déroulant que j'ai réalisé avec JQuery-UI, notamment avec la fonction "accordion".
Mon problème est que sous IE, lorsque l'on referme un des onglets de ce menu, on a un effet de "scintillement" assez gênant, un peu comme si le menu ce rouvrait et ce refermait très vite d'un coup.

Auriez vous une idée d'où ça peu venir?
Merci d'avance

ci-dessous le code de mon menu :

<script language="Javascript" src="js/jquery-ui.custom.js" type="text/javascript"></script>
<script language="Javascript" type="text/javascript">
	$(document).ready(function() {
	    $("#accordion").accordion({
		collapsible:true,
		active:false,
		//event: 'mouseover',
		autoHeight:false});
	});
</script>

....
....

<div id="accordion" class="menuItem" >
	<!-- log menu -->
	<h3 class="menusection" >
	<a class="linkMenu" href="#" >
	<bean:message key="menu.logs" />
	</a>
	</h3>
	<div class="section_div">
		<div class="inner_div" >
			<img valign="middle" src="image/blank.gif" width="4" height="1" border="0"> 
			<a href="sousMenu1.do?" 
			target="frmContent"> <bean:message key="sousMenu1" />
			</a>
		</div>
		<div class="inner_div" >
			<img valign="middle" src="image/blank.gif" width="4" height="1" border="0"> 
			<a href="sousMenu1.do"
			target="frmContent"> <bean:message key="sousMenu2" /> 
			</a>
		</div>
	</div>

	<!-- utility menu -->
	<h3 class="menusection">
	<a class="linkMenu" href="#" >
	<bean:message key="menu.utility" />
	</a>
	</h3>
	<div class="section_div">
		<div class="inner_div">
			<img valign="middle" src="image/blank.gif" width="4" height="1" border="0"> 
			<a href="sousMenu3.do" target="frmContent"> 
			<bean:message key="sousMenu3" />
			</a>
		</div>
		<div class="inner_div" >
			<img valign="middle" src="image/blank.gif" width="4" height="1" border="0"> 
			<a href="sousMenu4.do" target="frmContent"> 
			<bean:message key="sousMenu4" />
			</a>
		</div>
		<div class="inner_div" >
			<img valign="middle" src="image/blank.gif" width="4" height="1" border="0"> 
			<a href="sousMenu5.do" target="frmContent"> 
			<bean:message key="sousMenu5" />
			</a>
		</div>
	</div>
	<!-- setting menu -->
	<h3 class="menusection" >
	<a class="linkMenu" href="#" >
	<bean:message key="menu.settings" />
	</a>
	</h3>
	<div class="section_div">
		<div class="inner_div" >
			<img valign="middle" src="image/blank.gif" width="4" height="1" border="0">
			<a href="sousMenu6.do" target="frmContent"> 
			<bean:message key="sousMenu6" />
			</a>
		</div>
		<div class="inner_div" >
			<img valign="middle" src="image/blank.gif" width="4" height="1" border="0">
			<a href="sousMenu7" target="frmContent">
			<bean:message key="sousMenu7" />
			</a>
		</div>
		<div class="inner_div">
			<img valign="middle" src="image/blank.gif" width="4" height="1" border="0"> 
			<a href="StartTestAPI.do" target="frmContent"> 
			<bean:message key="menu.settings.testXAPI" />
			</a>
		</div>	
	</div>
</div>

Et la feuille de style qui va avec :

....
.menusection
	{
	background-color: #AD5994;
	border-bottom: 1px solid #8F4F7C;
	background: #AD5994;
	}
	
.linkMenu
	{
	color:#FFFFFF;
	text-decoration:none;
	/*background-color: #AD5994;*/
	}
	
.linkMenu a
	{
	color:#FFFFFF;
	text-decoration:none;
	/*background-color: #AD5994;*/
	}
	
.inner_div 
	{
	background-color: #f0ecda;
	padding:2px;
	}	
	
.section_div
	{
	background-color: #f0ecda;
	padding:0px; 
	margin:0px;
	background :#f0ecda;
	}
....