HTML неупорядоченный список имеет пули наполовину скрытые

Question

У меня есть неупорядоченный список, который показывает маркеры слева от каждого элемента списка. В FF/IE пули отображаются наполовину. В Chrome они вообще не отображаются. Добавив margin-left: 5px к <li>, я могу заставить их появиться.

Но я действительно хочу понять, ПОЧЕМУ они скрыты. Я бы скорее рассмотрел причину, чем симптомы. Я не мог воспроизвести скрипку, так что вот ссылка на страницу. Я сделал это как можно меньше и дал объяснения на странице.

http://help.projectorpsa.com/display/doc432m/Test

Я использую систему CMS под названием Confluence, поэтому у меня нет много контроля над HTML-разметкой. Вот разметка независимо.

<div class="panelMacro"> 
    <table class="infoMacro"> 
     <tbody> 
      <tr> 
       <td> 
        <div class="panel" style="background-color: transparent;border-color: transparent;border-width: 1px;"> 
         <div class="panelContent" style="background-color: transparent;"> 
          <ul> 
           <li>A - There is no bullet displayed for this list. If I add margin-left: 6px to this &lt;li&gt; then I can see it. But I don't understand why this is happening. What is the bullet hiding behind?</li> 
           <li>B</li> 
           <li>C</li> 
           <li>D</li> 
          </ul> 
         </div> 
        </div> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Answer 1

Из этого правила:

table.infoMacro ul { 
padding-left: 0px; 
} 

Либо избавиться от него или увеличить отступы нравится 6px.

Answer 2

Попробуйте добавить list-style-position: inside; к вашему ul

Answer 3

Это причина custom.css линия 33:

table.infoMacro ul { 
padding-left: 0px; 
} 

Попробуйте перезаписать этот

Answer 4

Если вы шаг вверх через HTML вы увидите, что ваш <div class="panel"> установлен на переполнение: скрытый;

изменение этого на переполнение: видимое; и вам должно быть хорошо идти.