Firefoxでだけ画像の位置が少し上にずれてしまっていたのを修正

position: absolute;　で画像の位置を指定した時に、IE, chrome, safariは同じ位置に表示されるのに、Firefoxでだけ他のブラウザより少し上の方に表示されてしまい悩みました。

いろいろ悩みましたが、cssハックを使って、Firefoxの場合だけ、少しtopの値を大きくすることで解決。

下記のような感じです。

.bt_buy {
	position: absolute;
	top: 36px;
	left: 13px;
}
.bt_buy,  x:-moz-any-link  {
	position: absolute;
	top: 47px;
	left: 13px;
}


参考にさせていただいたのは下記のページです。
http://www.webcreatorbox.com/tech/css-hack-list/