html - IE7 不尊重显示 : block on <ul> <li> <a>

Question

我正在尝试使用以下 HTML 标记进行简单的垂直导航:

<ul>
    <li><a></a></li>
    <li><a></a></li>
    <li><a></a></li>
</ul>

尽管有display: block;在 <li> 上和 <a>元素，IE7 似乎不尊重包含 div 的整个宽度。对此有什么想法吗？

http://jsfiddle.net/6eKGL/

更新

我现在认为这个问题与 position 有关容器 div 的属性以及它的宽度由 <a> 中的内容决定的事实元素。

Answer 1

这是解决了 IE-7 问题的更新 fiddle 。 http://jsfiddle.net/6eKGL/35/

演示:http://jsfiddle.net/6eKGL/35/embedded/result

CSS:

#ajax-search ul li a {
    display: block;
    /*min-width: 150px;*/ // Remove this rule and the IE-7 will start respecting the display block
    padding: 9px 18px;
}

请看下面的 IE-7 截图