Css IE6<；李>；图像向下推到下一行

我有一个基本的顶部导航区域：

ul#topNav { margin:0; list-style-type:none; width:400px; font-weight:bold; padding:0; float:left; }
ul#topNav li { display: inline; padding:0 3px; margin:0; float:left; }
ul#topNav li a, ul#topNav li a:link, ul#topNav li a:active { text-decoration: none; padding:0; margin:0; font-size:11px; }

HTML格式如下：

<ul id="topNav">
        <li><a href="#">Home</a></li>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Community</a></li>

    <%if session("id") <> "" then %>
        <li><%response.Write(HomeTopMenuWelcomeMessage) %></li>
        <li><a href="#">Log Out</a></li>
    <%end if %>

        <li><a href="#"><img src="/_images/fb-icon.jpg" alt="facebook icon" /></a></li>
        <li><a href="#"><img src="/_images/tw-icon.jpg" alt="twitter icon" /></a></li>

    </ul>

就我的一生而言，我无法让社交媒体图像与列表中的其他项目保持一致。。。我已经尝试显式地将它们向右浮动，display:block。。。没什么

我错过什么了吗

我知道IE6很烂，但它真的破坏了其他页面和它们的布局方式

---

谢谢你能把它放在小提琴里吗？使社区能够参与并实际调试您的问题。我的第一个猜测是扩大ul#topNav的宽度。不需要将li项向左浮动并内联显示，只需内联即可