IE7，第三个和以下元素呈现不正确

Question

我需要在UL中提交输入类型提交＆gt; LI> INPUT。因此，以下HTML和CSS：

http://jsfiddle.net/d45BY/1/

<ul class="listCell">
<li class="listCell bulletPoint">
<input id="cmd1" class="" type="Submit" value="Cmd1Text" name="cmd1">
</li>
<li class="listCell bulletPoint">
<input id="cmd2" class="" type="Submit" value="Cmd2Text" name="cmd2">
</li>
<li class="listCell bulletPoint">
<input id="cmd3" class="" type="Submit" value="Cmd3Text" name="cmd3">
</li>
<li class="listCell bulletPoint">
<input id="cmd4" class="" type="Submit" value="Cmd4Text" name="cmd4">
</li>
</ul>

.bulletPoint {
    list-style: disc outside none;
}

这在兼容模式下除IE 7以外的大多数浏览器都可以正常使用。我正在运行IE8.0.7601.17514。 当我选择浏览器模式IE7和文档模式IE7标准时，会发生以下情况：

第1项和第2项渲染正常。 3向左移动，然后4向右移动。只是想知道是否有人看过这个问题或者可以复制它。

Answer 1

问题在于我将输入类型渲染为链接。由于某种原因，它总是在所有不同的地方渲染第3个和后续的项目。我做的修复是以下“

text-align: left

它的作用是将按钮内的文本保留在左侧。问题解决了。希望这有助于某人。