頁面加載後IE7浮動框跳轉

Question

我遇到了兩個左側浮動框無法通過Internet Explorer 7正確呈現的問題。
我有兩個小的div框，每個框旁邊都包含一些表單元素其他，這些都是浮動左。第一個框的左邊距爲25px，以便與容器保持一定的距離，旁邊的框的左邊距爲15px，以便在兩個框之間保留一定的空間。
在Internet Explorer 7中加載頁面時，第一個框（具有25像素的左邊距）最初正確顯示，但是當頁面加載完成後，它突然跳到左邊，就好像它沒有任何邊距一樣。
當我將兩個盒子設置爲浮動時：正確的問題似乎解決了，但我真的需要讓它們向左浮動。有沒有人知道如何解決這個問題？

更新：
我四處張望了一下，看問題可能是什麼。首先我嘗試了hasLayout屬性，但它似乎沒有任何與我的問題有關。但是，在這兩個框下面有一個div，在頁面加載時通過AJAX請求填充內容。當我禁用AJAX請求時，這些框似乎保持其位置而不是左移..我不知道這兩個div之間的關係可能是什麼，因爲通過AJAx接收它的內容似乎會影響上面的div。該CSS屬性不會與jQuery函數執行$。員額（）篡改; ..

的HTML：

<div id="box_a" class="boxes"> 
<h2>Box A</h2> 
    <ol> 
     <li><label for="input1">Input 1</label><input type="text" name="input1" id="input1" /></li> 
     <li><label for="input2">Input 2</label><input type="text" name="input2" id="input2" /></li> 
    </ol> 
</div> 
<div id="box_b" class="boxes"> 
<h2>Box B</h2> 
    <ol> 
     <li><label for="input3">Input 3</label><input type="text" name="input3" id=" input3" /></li> 
     <li><label for="input4">Input 4</label><input type="text" name="input4" id="input4" /></li> 
    </ol> 
</div> 

的CSS：

div#box_a { 
    float:left; 
    margin-left:25px; 
} 

div#box_b { 
    float:left; 
    margin-left:15px; 
} 

div.boxes{ 
    padding:5px; 
    border:1px solid #C5C5C5; 
    background:#F4F2F3; 
    width:255px; 
    margin-bottom:5px; 
    position:relative; 
} 

在此先感謝

Answer 1

這爲我工作： ie8 div jumps after page load

在簡而言之，在浮動框上使用填充 - 左邊而不是邊距。