Coin arrondi jquery et IE

Bonjour,
pour mon menu j'utilise le jquery pour faire des coins arrondis au moment de passage de la sourie , le souci c'est que la largeur des li prends la valeur 100% (avant le hover pas de largeur fixe )
voici mon code :

function hov(){
	   
	$(".sousmenu ").hover(function(){
			$(".sousmenu").prepend('<div class="hd"></div><div class="hg"></div>');
			$(this).find('div.hg').css({visibility: "visible" });//rendre le div d'arrondi visible
			$(this).find('div.hd').css({visibility: "visible"});		
			},function(){
			$(this).find('div.hd').css({visibility: "hidden"});//supprime l'arrondi 
			$(this).find('div.hg').css({visibility: "hidden"});
			});
  }

html:

<ul class="niveau1">
<li class="sousmenu" ><a href="index.php"><img src="images/accueil.png" alt="Accueil"  border="none"/></a></li>
    
    <li class="sousmenu" ><a href="Alien">Atitre</a>
		<ul class="niveau2">
			<li><a href="A1lien ">A1menu </li>
			<li><a href="A1lien ">A1menu </li>
			<li><a href="A1lien ">A1menu </li>
		</ul>
	</li>
</ul>

ca me rend dingue
merci d'avance