Di chuyển Div trong IE

Question

Tôi có một bảng có hai cột. Cột bên trái có một số nội dung và div phụ tùng là phần tử duy nhất được thả nổi. Div này tiếp tục di chuyển đến cuối trang, lấy cột bên phải của bảng cùng với nó khi trang tải. Đôi khi nó di chuyển trở lại khi tôi di chuyển một cái gì đó, nó có vẻ là hoàn toàn ngẫu nhiên.

Có vẻ như lỗi trình duyệt IE nhưng không hoàn toàn. Tôi đã thử position: relative; nhưng nó không hoạt động. Bất kỳ ý tưởng?

Dưới đây là html:

<table class="formTable"> 
    <tr> 
     <td class="content_main"> 
      <h1>header</h1> 
      <table> 
       <tr> 
        <td>Content here</td> 
        <td>Content here</td> 
       </tr> 
      </table> 

      <div style="float: left; clear: none; display: block; color: rgb(68, 68, 68); font-weight: normal; font-family: &quot;Trebuchet MS&quot;,&quot;Verdana&quot;,sans-serif; font-size: 14px; line-height: 18px; text-decoration: none; text-align: left; margin: 0px; padding: 10px; height: auto; width: auto; background-image: none; background-color: white; border: 10px solid rgb(204, 204, 204); overflow: auto;" id="widget"> 
       Content 
      </div> 
     </td> 
     <td class="content_right"> 
      <ul> 
       <li>List</li> 
       <li>List</li> 
      </ul> 
     </td> 
    </tr> 
</table> 

Và đây là css cho bảng:

.content_right { 
    padding-left: 20px; 
    padding-top: 15px; 
    width: 393px; 
} 
.content_main { 
    padding-top: 15px; 
    width: 500px; 
} 

Answer 1

Làm việc tốt cho tôi. Nếu bạn biết cách sử dụng div, hãy tránh các bảng.

Answer 2

 <h1>header</h1> 
     <article>Content here</article> 
     <article>Content here</article> 

     <div id="widget"> 
      Content 
     </div> 
     <ul> 
      <li>List</li> 
      <li>List</li> 
     </ul> 

Thử HTML như thế này và sử dụng bảng định kiểu CSS thay vì blob nội tuyến. Các tiêu chuẩn được đưa ra vì một lý do. Bởi bây giờ tất cả các trình duyệt gần đây hỗ trợ chúng, loại bỏ sự cần thiết phải đánh dấu crappy và 'lỗi' nó gây ra. Xem http://www.abookapart.com/ để đọc tài liệu.