浮动左IE在IE7

Question

我有问题IE7和浮动左divs。

这里是CSS：

.h-slideshowcontrol { display: block; float: left; width: 14px; height: 14px; } 

和HTML：

<div class="b-slideshowcontrols"> 
    <div class="h-slideshowcontrol "> 
    </div> 
    <div class="h-slideshowcontrol "> 
    </div> 
    <div class="h-slideshowcontrol active"> 
    </div> 
    <div class="h-slideshowcontrol "> 
    </div> 
</div> 

我不知道为什么，但H-slideshowcontrol在IE7就像一个没有浮动左边。

P.S. 您可以在页面上看到它 - http://mindhouse.sitetd.ru/（幻灯片下的圆形按钮）

感谢您的帮助！

P.S.S. 我固定加入外块，改变样式：

.b-slideshowcontrols_outer { 
    float:right; 
    position:relative; 
    left:-50%; 
    text-align:left; 
} 
.b-slideshowcontrols { 
    position:relative; 
    left:50%; 
} 
.h-slideshowcontrol { 
    float:left; white-space:nowrap; width:14px; height:14px; cursor:pointer; float: left; position:relative; margin-right: 2px; 
    background:transparent url('../img/slideshowcontrol-inactive.png') no-repeat; 
} 

Answer 1

尝试：

格是默认的块。

.h-slideshowcontrol { float: left; width: 14px; height: 14px; }