premesso che con i CSS sono un disastro e magari è una banalità...

sto sviluppando un'applicazioncina web e ho un problemi con questo form:

codice:
<fieldset id="regbase">
		<label for="username" > Username </label>
		<input id="username" name="username" type="text" />
		


//etc etc altre coppie di label e input
	</fieldset>
codice:
fieldset
{
	background: #D6EBFC ;
	padding: 10px;
	border:0px;
	margin: 10px;
}
fieldset  input
{
	margin: 5px;
	width: 140px;
}
fieldset label
 {
	float: left;
	text-align:right;
	width: 140px;
	margin-right: 10px;
	padding-top: 4px;

 }
insomma.. il fieldset bello colorato, con dentro coppie di label e input allineate tra di lroo.. tutto bello finchè dinamicamente con JS non aggiungo un'immagine (una giffina che comprare mentre la pagina lavora con Ajax e serve appunto ad indicare che la pagina sta elaborando qualcosa)
a quel punto l'html diventa (in realtà lo span vuoto c'è anche da prima.. ma fin lì nessun problema, è quando ci inietto dentro l'immagine che sballa):

codice:
<fieldset id="regbase">
		<label for="username" > Username </label>
		<input id="username" name="username" type="text" />
                <span id="username_res">[img]loader.gif[/img]</span>
il risultato è che a questo punto la label resta dov'è... ma il campo di input e l'immaginetta scendono un po', quasi fino alla riga successiva...

..non so che pesci prendere