jquery - 跨浏览器问题？

Question

我已经在这个网站上工作了几天，直到我做了大多数网络开发人员害怕的事情，用其他浏览器(如 IE 和 Firefox)查看该网站。出于某种原因，Firefox 中的 Logo 自动收报机不会像在 Google Chrome 中那样下拉。 Here is the website .我试图自己修复它，查看我的源代码，但没有发现我做错了什么。在 Firefox 中可能导致此问题的原因是什么？

这是我的 CSS:

.list_carousel {
    background-color: #FFF;
    margin: 0 0 30px 60px;
    width: 360px;
}
.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align:middle;
}
.list_carousel li {
    font-size: 40px;
    color: #999;
    text-align: center;
    vertical-align:middle;
    background-color: #FFF;
    width: 50px;
    height: 75px;
    line-height:75px;
    padding: 0;
    margin:6px;
    float: left; 
}
.list_carousel li img{
    vertical-align: middle;
    display:inline-block;
    opacity: 0.8;
}
.list_carousel li img:hover{
    vertical-align: middle;
    display:inline-block;
    opacity: 1;
}
.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}
.clearfix {
    float: none;
    clear: both;
}

不错的谷歌浏览器:

还有火狐:

Answer 1

添加

clear: both;

到 .list_carousel，这会解决它。