css - IE7 调试问题 - <li> 中的单词中断

Question

我在 IE7 中遇到了一个我似乎无法修复的非常基本的问题。如果您查看此页面:http://vitaminjdesign.com/IAM/company/您会注意到垂直导航 (ul id="leftcol") 在 IE7 中显示不正确。每个单词出现在它自己的行中。这是我的 HTML/。 CSS:

<ul id="leftcol">
    <li><a class="active" href="#">Company Overview</a></li>
    <li><a href="#">Why Choose Parker?</a></li>
    <li><a href="#">Testimonials</a></li>
    <li><a href="#">Financing Promotions</a></li>
    <li><a href="#">Licensing & Credentials</a></li>
</ul>

ul#leftcol{float:left; width:185px; position:relative; z-index:10;}
ul#leftcol li{float:right; clear:right; margin-bottom:14px; list-style:none; list-style-image:none; text-align:right; line-height:1.3; }
ul#leftcol li a{color:#505050; text-decoration:none; font-size:15px; float:right;}
ul#leftcol li a.active,ul#leftcol li a:hover{color:#89b060;}

有什么想法吗？

Answer 1

从以下内容中删除 clear:right;

ul#leftcol li{float:right;margin-bottom:14px; list-style:none; list-style-image:none; text-align:right; line-height:1.3; }