さて、私は今日の午後頭を悩ませていましたが、何の進歩もありませんでした. 何百回も行った単純な背景位置の変更を試みていますが、今日はうまくいきません。ここに私の関連コードがあります：
<div class="social_icon" style="background-image: url(http://img.deusm.com/lightreading/facebook_icon.gif);">
<img src="http://img.deusm.com/images/spacer.gif" width="16" height="16" style="border: none; padding: 0; margin: 0;">
</div>
そして私のCSS
div.social_icon {
float: left;
width: 16px;
height: 16px;
padding: 0;
background-position: top left;
}
div.social_icon:hover {
background-position: bottom left;
}
私もDoctypeセットを持っています。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
何が起こっているかをよりよく理解できるように、どんな説明でも大歓迎です....ええと....起こっていません。
私の質問を明確にしましょう：
ユーザーが要素にカーソルを合わせると、div.social_icon の背景位置が移動することを期待しています。この時点で、Quirks モードでのホバー時に background-position は変更されません。どうすれば修正できますか？