浮動左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; }