css - Logo img 使 IE 8 中的 Bootstrap 导航栏崩溃

Question

我正在使用 Twitter Bootstrap。我不会写很长，只是给你看。(没有 img 一切都很好)

IE截图: https://www.dropbox.com/s/k1dn6ss1ue5y2c9/ie_screen.png

普通浏览器: https://www.dropbox.com/s/bp0spch1yvowglp/chrome_screen.png

HTML代码:

   <div class="topbar"> 
<div class="navbar ">
     <div class="container">                 
    <ul class="nav nav-pills pull-left">       
      <li><%= link_to "Overview",    root_path %></li>
      <li class="divider-vertical"></li>
      <li><%= link_to "About",    about_path %></li>
      <li class="divider-vertical"></li>
      <li><%= link_to "What we do", what_we_do_path %></li>
      <li class="divider-vertical"></li>
      <li><%= link_to "Partners", partners_path %></li>
      <li class="divider-vertical"></li>
      <li><%= link_to "Contact", contact_path %></li>
      <li class="divider-vertical"></li>        
    </ul>
</div>
 </div>
   </div>

我的 CSS:

.container{
background-color: white;
width: 960px;
}

.navbar .nav {
background-color: white;
position: relative;
display: block;
float: left;
margin: 0 0px 0 0;
 }

.navbar .nav .active > a, .navbar .nav .active > a:hover {
padding-top:0px;
padding-bottom:0px;
color: black;
text-decoration: none;
background-color: white;
}

 .navbar .nav img{
float:left;
}

Answer 1

在 View 中:

    <%= link_to(image_tag("/images/logo.png"), root_path, id: "logo") %>

CSS:

#logo{
float:left;
}