Misterioso a capo automatico

[bode]

Salve,durante l'implementazone del mio sito ho notato che utiizzando degli elementi inline come span e img che non dovrebbero lasciare spazi ne sopra e ne sotto questo non succede,piu precisamente vengono lasciati addirittura 2 spazi(uno per andare a capo e in piu un altro spazio) in IE6 mentre su FF (come sempre) è tutto ok.Ora vi mostro 2 screen ed il codice.
Risultato IE6

Risultato FF

 <div class="header">
	                             </div>
							<div class="wrapper">
				
					               <div class="leftside">
				                              [img]login.png[/img] 
												<div class="form_login">  
												        <form name="login" style="border:0px" action="index.html" method="post" onsubmit="return ver();">
															  <span class="testo_form"> Username:</span>
															  

															  <input name="user" type="text" size="15" maxlength="10" class="space_form">
															  

															  <span class="testo_form"> Password:</span> 
															  

															  <input name="pass" type="password" size="15" maxlength="15">
															  

															  

															  <input  type="submit" name="submit"  value="Login">
															  

															</form>
												 </div>

Il Css

.header{

text-align:center;
width:800px;
height:150px;
padding:0px;
margin:0px auto;
background-color:white;
}
 
 .wrapper{
background-color:#7181f3;  
margin: 0px auto;
padding:0; 
width:800px;

}

.leftside{
 height:800px;
float:left; 
margin:0px;
padding:0px; /*0*/
width:200px;
background-color:#E0FFB3;

}
 
.form_login{

background-color:yellow;
text-align:center;
font-size:14px;
 margin:0px 15px 0px 15px; 
}
.testo_form{
font-family:verdana;
}
.space_form{
background-color:red;

}