[SOLUCIONADO] Ayudas con transiciones en CSS3

[darkhack3r22]

Hola,
Esto es un input text que tiene definido un size="80" y le he aplicado un poco de css:

Código CSS:

#id {
-webkit-transition: width 3s;
}
#id:focus {
width: 200px;
}
 

Como podeis ver aumenta 120 px en 3 segundos. Eso va perfecto, pero cuando quito el ratón de encima no vuelve a los 80px, sino que me encoge por completo(ni se ve) y luego va a los 80px. LOL
No quiero que pase esto, quiero que se detenga en el width por defecto.Cabe decir que estoy en chrome por el -webkit-. Gracias

[pzin]

Código CSS:

#id {
  width: 80px;
  transition: width 3s;
}
 
#id:focus {
  width: 200px;
}