Div fijos en una transicion

[fede5426]

No soy profesional en diseño y programación, pero estas colocando un identificador igual a diferentes elementos y etiquetas.. segun tengo entendido, no es para nada recomendable. Si necesitas colocar los mismos estilos a 2 o mas elementos, usa "class" no "id".

Cuando cambias el tamaño de un div, obviamente ocupa mas espacio y es por eso que el resto de los botones cambian de lugar.. Proba asignandole un "height:100px" al div#icon. (el primer boton puede que se corra unos px a la derecha porque el texto "facebook" es mas ancho que el propio boton)

Para que sea menos brusco, aumenta el tiempo de la transición, proba con 1s.. lo tenes con .6s y .4s (0.4 segundos, es menos de 1 seg, muy rapido :P)