[Resolvido] [CSS3] Quadrado crescendo somente para a direita

Então . . .

Comecei a ler sobre CSS3 e tentei reproduzir algumas coisas,

não estou conseguindo fazer com que a box cresca somente para a direita,

ou seja , está crecendo para os 2 lados!

help?

#box{
width:80px;
height:80px;
margin:auto;
background-color:#F03;
-webkit-transition-property:width;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;

}

#box:hover{

width:180px;

}

Aqui está o exemplo do site:

http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transition4