Jquery animate menu

[akkressor]

Salve, ho una classica lista:

<style>
   li a{
          padding:10px;
          background:red;
          display:block;
          width:10px;
}
</style>

<ul>[*]<a>prova1</a>[*]<a>prova2</a>[/list]

che dovrebbe fungere da menu verticale...volevo fare un effetto jquery che al passaggio del mouse su ogni link questi crescessero in larghezza ed altezza, cosi ho usato la funzione animate() in questo modo:

$("li a").hover(function(){
	
	var width=$(this).css("width");
	
	if(parseInt(width)==10){
	$(this).animate({
			width:"+=50px",
			height:"+=10px",
	},1000);
	
	};
	})

già qui c'è un problema, nel senso che all'inizio se uno muove velocemente il puntatore sopra il link questo cresce di 2-3 volte, sembra che bypassi il controllo...
e poi altra cosa: come faccio a dirgli di tornare alla posizione di partenza qualora si passi su un altro link. il metodo blur non funge.

grazie.

[akkressor]

ok risolto da solo.