アクティブなときに、CSSボタンが隣接ボタンを移動するのはなぜですか？

Question

div内にこれらのボタンがあります。 いずれかをクリックすると、ボタンが押されたように余白が調整されます。 しかし、これは隣のボタンも動かすので、なぜ私は理解できません。

ラッピングdivの大きさは関係ありません。

Here's a fiddle。誰も私がこれを解決するのを助けることができますか？

Answer 1

はbutton.demoとbutton.sourceの両方にvertical-align: top;を追加：http://jsfiddle.net/jtnTJ/14/