在IE7奇怪的CSS問題

Question

我在Internet Explorer 7中有一個罕見的CSS問題（我實際上在兼容性視圖中在IE8上測試它，但客戶端也向本機IE7發送截圖），很容易重現：

1. 轉到this site（西班牙）。
2. 在左側欄中，單擊標有「Fiestas anteriores」框的邊框（或其他地方）
3. 該元素現在應該向下移動，但是如果單擊左側的空白區域，它將像好狗。

我一直在尋找IE7的錯誤，並沒有運氣與寬度，邊界和其他CSS屬性玩。任何投入都歡迎！

Answer 1

我發現如果您將以下樣式似乎停止當您單擊靠近它的任何地方它打破：

#prevparties_middlerow 
{ 
    float:left; 
    width:150px; 
} 

一個小建議，但，如果可以的話，而不是有內容的div的兩側在您的面板以創建邊框，像這樣：

<div id="prevparties_left"/> 
<div id="prevparties_contentBox"> 
    content 
</div> 
<div id="prevparties_right" class="boxmiddle"/> 

你可能會發現它容易得多包裝內容框在具有設置爲背景的邊界，像這樣一個div：

<div id="prevparties_contentWrap"> 
    <div id="prevparties_contentBox"> 
     content 
    </div> 
</div> 

這裏的主要優點是，包裝div會下降，直到包含div，所以你不必爲所有這些邊界div應用特定高度。而當這樣的東西被包裹，我發現有很少的可能性打破：D

無論如何，希望這有助於。