pb d'affichage avec IE

<style type="text/css">
<!--
.titre{float:left; width:200px; border:dashed 1px;}
.date{float:left; width:80px; border:dashed 1px;}
.url_pdf{float:left; width:250px; border:dashed 1px;}
.image{float:left; width:16px; border:dashed 1px;}
.line{width:585px; font-size:16px;}
.linex{width:500px; font-size:16px;}
.lien {font-size: 10px;}
-->
</style>
<script type="text/javascript">
function hideshow(ID1,ID2) //fonction qui permet d'ouvrir/fermer
{
	var elem1 = document.getElementById(ID1);//pointe sur element qu'il faut afficher
	var elem2 = document.getElementById(ID2);//pointe sur element qu'il faut cacher
	var radio = document.getElementById(ID2+"predefini");

	elem1.style.display = "block";// on l'affiche
	elem2.style.display = "none";// on le cache

	if(radio!=null)
	{
		for ( $counter = 0; $counter < radio.childNodes.length; $counter += 2)
		{
			radio.childNodes[$counter].checked=false;
		}
	}
}
</script>
<a href="index.php?page=insdoc" >inserer un document</a><br />
<a href="index.php?page=vtheme" >afficher les thèmes</a><br />
<a href="index.php?page=vsource" >afficher les sources</a><br />
<a href="index.php?page=view" >afficher les documents</a><br />
<form method="POST" action="index.php?page=savetheme">
<h2>Le theme</h2>
<div id="new_theme" style="display:block;">
	<a href="javascript:hideshow('theme','new_theme');" class="lien"> choisir dans la liste</a><br />

	<input type="text" name="theme" value="" size="20">			
</div>
<div id="theme" style="display:none;">
	<a href="javascript:hideshow('new_theme','theme');" class="lien">créer le nouveau thème</a>
	<div id="themepredefini"><input type='radio' value='Action Sociale' name='theme'>Action Sociale
	</div>
</div>
<div>
	<input type="hidden" name="num_docs" value="">
</div>
<div>
	<input type="submit" name="envoyer" value="Enregistrer">

</div>
</form>

des lignes qui posent le problème sont:

<div id="new_theme" style="display:block;">
	<a href="javascript:hideshow('theme','new_theme');" class="lien"> choisir dans la liste</a><br />
	<input type="text" name="theme" value="" size="20">			
</div>
<div id="theme" style="display:none;">
	<a href="javascript:hideshow('new_theme','theme');" class="lien">créer le nouveau thème</a>
	<div id="themepredefini"><input type='radio' value='Action Sociale' name='theme'>Action Sociale
	</div>
quand je clique sur le 1er lien hypertext ca me le cache(display:none) et le 2eme lien reste toujour caché
pourtant sous FF tous fonction comme je veux

merci d'avance pour votre aide