Tuto cadres arrondi ou graphique en CSS

Bonjour,
Je suis partie du premier cas du tuto "Faire un cadre arrondi en CSS et XHTML" pour réaliser mon menu de navigation.
J'y ai inserre un separateur et un formulaire. Sur Firefox, Nescape, Opera, tout fonctionne comme il faut :

Pour IE, mes elements sont decalles :



Voici l'extrait de ma CSS qui concerne cette partie du site :

#info a {
	text-align:center;
	font-weight:bold;
	color:#ec2024;
	background-color:#fff2cf;
	font-size : 12pt;
	
}
#info a:hover{
	color: #ec2024;
	text-decoration: underline;
}
#info{
	float:right;
	top: 0px;
	left: 0px;
	width:210px;
	padding: 0px;
	text-align:center;
	font-family :"Trebuchet MS", Arial, "Microsoft Sans Serif", Geneva;
	font-size: 10pt;
	
}
form.info{
	background-color:#FFD557;
}

dl{/* positionnement du cadre*/
width: 210px;/* largeur de l'image*/
padding:0px;
text-align:left;
}

dl,dt,dd{/* suppression des marges */
margin : 0;
padding:0;
}

dl{/* arrière-plan par default sur le bas*/
background:url(bas_menu.gif) bottom left no-repeat;
padding-bottom: 40px;/* Pour que le texte ne s'affiche pas sur l'arrondi du bas*/
}

dt{
	height: 40px;
	padding:0px 80px 0px 35px;
	background:url(haut_menu.gif) top left no-repeat;
	font-size:9pt;
	font-weight: bold;
	text-align:center;
	color:#dc8200;
	font-family: Verdana, "Trebuchet MS", Arial, "Microsoft Sans Serif";		
}

dd{
	padding:0 20px 0 10px;
	background:url(milieu_menu.gif) top left repeat-y;
	vertical-align: middle;
}

Quelqu'un aurait-il un conseil a me donner pour eviter ca ?
Merci par avance de vos reponses.

Hello,

A vue d'oeil, il s'agit simplement des marges par défaut sur le formulaire (form) , qu'il faudrait supprimer.

Bonne chance

Ah oui, pardon, j'avais oublie de mettre le code de ma page:

		<div id="info">
		<dl>
	 		<dt>Vous n'êtes pas encore inscrit ?</dt>
	 		<dd> </dd>
	 		<dd><a href="logginForm.jsp"> INSCRIVEZ-VOUS !</a></dd>
			<dd> </dd>
			<img src="config/trait_menu.gif" />
			<dd> </dd>
			
	 	  <dd><h3>Zone des membres</h3></dd>
	 	  <dd> </dd>
		  <dd><layout:form action="/Login.do" focus="username" key="app.login" styleClass="FORM">
	  	<layout:field key="app.username" property="username" size="16" maxlength="16" isRequired="true" type="text" styleClass="LABEL" />
	  	<!-- <layout:space/> -->
	  	<layout:field key="app.password" property="password" size="16" maxlength="16" type="password" isRequired="true" styleClass="LABEL" />
	  	
	  	<layout:space/>	
		  <layout:formActions>
		      <layout:submit property="submit" value="OK"/>   
		      <layout:reset value="Effacer tout"/>      
		  </layout:formActions>
	</layout:form>  
	<img src="config/ast.gif" align="top"/> : Champs obligatoires </dd>	
	<dd> </dd>
			<img src="config/trait_menu.gif" />
			<dd> </dd>
	<dd><bean:message key="app.oublipass"/> : Envoyez un message dont l'Objet est "mot de passe oublié"</dd>
			</dl></div>
	

et qq petits details supplementaires:
Je developpe en java une appli Web. J'ai l'impression de ne pas avoir la main sur les formats de layouts. Ca risque donc d'etre difficile d'en changer les marges, mais j'essaie de m'y coller. Sauf si quelqu'un peut la encore m'y aider. Jusque-la, j'ai reussi a donner un format a la police (famille, taille) mais pas a la mise en forme du texte: aligenemnt, taille du bloc, ...

Et puis, ca ne resout pas les problemes que je rencontre avec mon trait de separation pour lequel j'ai bien fait attention de ne pas mettre entre balises <dd>.
Un avis ?