IE6 <li> 图像向下推送到下一行

Question

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

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>

对于我的生活，我不能让社交媒体图像与列表中的其他项目保持一致…我已经尝试过显式浮动他们的权利，显示:块…没有什么…

我错过了什么吗?

我知道IE6烂透了，但是它真的搞砸了其余的页面和他们的布局方式…

谢谢

Answer 1

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