我正在使用 PHP 生成列表，当列表项需要更多工作时，我会在文本左侧放置一个红色粗体感叹号。然而，在 WebKit 浏览器上，带有感叹号的项目会略微缩进，如下所示：
- 物品
- 物品
- ！物品
这是产生相同问题的 HTML 示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="ISO-8859-1" />
<style>
#needswork {
color:#F00;
font-weight:bold;
float:left;
}
</style>
<title>Dodgy lists</title>
</head>
<ul>
<li><a href="http://www.linuxtech.ie"><em>Atlanta</em> - 24 May</a></li>
<li><div id="needswork"></div><a title="Still needs work" href="http://www.linuxtech.ie"><em>Ashgabat</em> - 2 Feb</a></li>
<li><div id="needswork">!</div><a title="Still needs work" href="http://www.linuxtech.ie"><em>Paris</em> - 3 June</a></li>
</ul>
</html>
请注意，列表中的第二项在块中没有任何文本，div看起来很好。我将它复制到JS Fiddle中，但效果更奇怪。
我尝试使用来自http://meyerweb.com的CSS 重置，但没有任何区别。
谢谢。