Webkit navegadores presionando una viñeta a la derecha

Question

El sitio web en el que estoy trabajando actualmente tiene algunos problemas con los navegadores Webkit (Chrome, Safari, etc.) Uno de esos problemas es que tengo una lista de viñetas que mostrando extraño. El elemento de viñeta superior está a la derecha de la lista en lugar de a la izquierda.

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

Me parece que no puede solucionarlo. Intenté el desbordamiento: oculto, probé la posición de estilo de lista: en el interior, nada parece funcionar.

EDITAR

voy a tratar de proporcionar una parte del código, pero es un sitio bastante grande que se construye con DotNetNuke por lo que podría no ser capaz de darle demasiada información.

El código en cuestión es la siguiente:

#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; 
    } 
} 

y el html para esa sección es la siguiente:

<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> 

El problema parece ser con la altura de la página. En los otros navegadores si la página no es muy alta, esta sección de Servicios Premium aún conserva una altura que se adapta a todo, pero en Webkit si la página es corta, esta sección se acorta y coloca el primer elemento junto a la imagen del encabezado de Servicios Premium que en la línea debajo de él. Si la página es lo suficientemente larga, entonces este problema no ocurre.

Answer 1

La respuesta fue en las carrozas. El ul debe tener clear:both; agregado a él.