ul不顯示子彈

我的一個UL顯示不正確。它既在線顯示東西，也不顯示子彈。ul不顯示子彈

我知道這個問題是嚴格隔離到我的divs，用於我的標籤界面。我也假設這是由於上面的層次結構。（.tabs李說，顯示'內聯'的東西。）如果我刪除，顯然標籤界面被擰緊。如何讓我的div水平顯示，並將div框內的列表顯示在一個塊中？

謝謝！

CSS

.basics ul {font-family:terminal; 
     font-size:9px; 
     text-transform:uppercase; 
     color:gray; 
     padding:0px; 
     display:block; 
     } 


    li.basics { list-style-image: url('/bullet.png'); 
     } 

    ul b {font-family: terminal; 
    font-size: 8px; 
    text-transform:uppercase; 
    color:#fff3a2; 
    font-weight:lighter; 
    } 


    div.tabs { 
      padding:15px; 
      width:760px; 
      background:#000; 
      color:#fff; 
      border-radius: 0em 4em 1em; 
      -moz-border-radius: 10px; 
      margin-left:3px; 
      height:200px; 
      overflow: auto; 
} 
    ul.tabs { 
    padding:0; 
    margin:0; 
    margin-top:10px; 
    margin-left:3px; 
    } 


     .tabs li { 
      list-style:none; 
      display:inline; 
     }

和html代碼：

<ul class='tabs'> 
<li><a href='#tab1'>BASICS</a></li> 
<li><a href='#tab2'>BIOGRAPHY</a></li> 
<li><a href='#tab3'>RANDOM</a></li> 
<li><a href='#tab4'>NPCs</a></li> 
    </ul> 


    <div id="tab1" class="tabs"> 

<ul class="basics"> 
<li><b>Full Name:</b> 
<li><b>DOB:</b> 27 May 1985; 28 YRS </li> 
<li><b>Birthplace:</b>Olinda, Brasil</li> 
<li><b>Nationality:</b>Brazilian, French, & American</li>