Trình duyệt webkit đẩy một viên đạn sang bên phải

Question

Trang web mà tôi hiện đang làm việc đang gặp một số sự cố với trình duyệt Webkit (Chrome, Safari, v.v.) Một trong những vấn đề đó là tôi có danh sách dấu đầu dòng hiển thị lạ. Mục đầu đạn nằm ở bên phải của danh sách chứ không phải bên trái.

alt text http://www.jamespwright.com/images/public/screengrabs/f220646f8149dff1b6437cee66498fce.PNG

tôi dường như không thể sửa chữa nó. Tôi đã thử tràn: ẩn, tôi đã thử danh sách-phong cách-vị trí: bên trong, không có gì có vẻ làm việc.

EDIT

tôi sẽ cố gắng cung cấp một số mã nhưng đó là một trang web khá khổng lồ được xây dựng với DotNetNuke vì vậy tôi có thể không có khả năng cung cấp cho bạn quá nhiều thông tin.

Mã trong câu hỏi là thế này:

#PremiumServicesMenu .LinkList ul { 
    margin-top: 0px; 
    margin-left: 1em; 
    _margin-left: 3em; 
    margin-bottom: 0px; 
} 
/* Safari and Chrome specific settings */ 
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
    .PremiumServicesContainer .LinkList ul { 
     list-style-position: inside; 
    } 
} 

và html cho phần đó là:

<div id="PremiumServicesMenu"> 
    <div class="PremiumServicesContainer"> 
     <span class="Corporate"> 
      <div id="PremiumServicesHeader"> 
       <div class="PremiumServicesShim"></div> 
       <div class="PremiumServicesTitle">Premium Services</div> 
       <div class="EndCap"></div> 
      </div> 
     <div class="LinkList"> 
      <ul> 
       <li><a href="#">AIMS</a></li> 
       <li><a href="#">Feed Lab Analysis</a></li> 
       <li><a href="#">MSDS</a></li> 
       <li><a href="#">Prior Cargo</a></li> 
         </ul> 
     </div> 
</span> 
</div> 
</div> 

Vấn đề có vẻ là với chiều cao trang. Trên các trình duyệt khác nếu trang không cao, phần Dịch vụ cao cấp này vẫn giữ nguyên chiều cao phù hợp với mọi thứ, nhưng trong Webkit nếu trang ngắn, phần này tự rút ngắn và đặt mục đầu tiên bên cạnh hình ảnh tiêu đề Dịch vụ cao cấp thay vì hơn trên dòng bên dưới nó. Nếu trang đủ dài, thì vấn đề này không xảy ra.

Answer 1

Câu trả lời nằm trong phao nổi. Các ul cần thiết để có clear:both; thêm vào nó.