嗯，我今天下午一直在绞尽脑汁，没有任何进展。我正在尝试做一个简单的背景位置更改，我已经做了 100 次，但它今天对我不起作用。这是我的相关代码：
<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 模式下悬停时背景位置不会改变。我该如何解决？