这是我正在开发的网站：www.finalverdict.be. 如果你打开一个项目，让我们说this one, 向下滚动，可以看到六篇相关帖子。相关帖子的布局在Chrome/Edge上看起来不错，但在FF/IE上太宽了。

这是CSS：

.related-posts ul{
    margin: 0px;
    float: left;
}

.related-posts li{
    display: inline-block;
    list-style-position: outside;
    float: left;
    width: 50%;
    padding: 1px;
}

.related-post-a{
    position: relative;
    overflow: hidden;
    height: 200px;
}

.related-post-title{
    position: absolute;
    float:left;
    bottom: 0px;
    width: auto;
    padding: 2px;
    overflow: hidden;
    text-align: left;
    color: #ffffff;
    background: none repeat scroll 0 0 rgba(46, 138, 250, 0.5);
}