堆叠漂浮的Divs

Question

我有一组长方形的Div，所有类都是'Bar'，这些都是在容器内部的最右边浮动的，它还包含一个类似的设置。 在谷歌浏览器中，这种工作正常，并且条形图堆叠在彼此之上，它们之间间隔为
。但是在IE中，条形图显示在浮动的左侧内容下方，并且不会堆叠在彼此之上。

请说如果需要更多信息我试图只包括最重要的信息，因此帖子太长了。

提前致谢

.Bar {
    border-color: #666;
    background-color: #eee;
    width:200px;
    height:25px;    
    border-style:solid;
    border-width:1px;
    border-radius:6px;
    padding: 2px;
    margin:6px 0 0 0;
    float:right;
    line-height:25px;
    font-size:12px;
}

Answer 1

删除bdInnerBar班级的float:right修复情况，更多正确的条形图会变成蓝色。

很抱歉，我无法理解这一点，如果可能的话请清理html和css以便只包含相关部分，如果你想得到更一般的答案。