cssのテクニック 画像ロールオーバーでレイアウトが崩れない方法

画像をロールオーバーしたときにボーダーを表示させるときに

レイアウトが崩れてしまう。

そこで、レイアウトが崩れないテクニックが紹介されていたのでメモ

Image Rollover Borders That Do Not Change Layout

以下引用です。

#example-one a img, #example-one a { border: none; overflow: hidden; float: left; }
#example-one a:hover { border: 3px solid black; }
#example-one a:hover img { margin: -3px; }