html - ボタン要素内のDivはCSSマージントップ設定を無視します

Question

タグを使用して「引き戸」効果を作成しようとしていますがbutton（フォームの送信ボタン用であるため）、機能しません。このフィドルを確認してください：http：//jsfiddle.net/gf8bV/14/

フィドルでは、同じコードで、divに対しては機能しますが、ボタンに対しては機能しないことがわかります。何故ですか？解決策はありますか？

Answer 1

マージンがボタン内で同じように機能しない理由はわかりませんが、余分なマークアップを追加したくない場合は、ボタンを position: relative, the divs に設定することで、マージンの代わりに位置で同じ効果を得ることができます絶対に移動し、ホバー時に両方をシフトします。

http://jsfiddle.net/moopet/gdyys/1/

Answer 2

わかりました、ボタン内のすべてを別のdivにラップすることで最終的に解決しました:

http://jsfiddle.net/gf8bV/21/