[問題] 請問<ul><li>要怎麼解決在firefox位移的問題

[WEIREN (WEIREN)]

就是我用ul li弄了一個類似表格的東西
但是我覺得很怪
因為我在ie看是正常的
但是firefox確是會往旁邊位移
應該該怎麼解決??
但是我什麼都沒有設





<style type="text/css">
#bulletin ul {
        list-style-type:none;
        width:760px;
        margin:0px;
}

#bulletin li {
        background-color:#f7f4e8;
        border-width:1px 0;
        margin:1px 0;
}

#bulletin li a {
        color: #000;
        display:block;
        padding:5px;
        text-decoration: none;
        font-size:13px;
}

* html #bulletin li a {  /* make hover effect work in IE */
        width:760px;
}

#bulletin li a:hover {
        background: #ece9dc;
}

#bulletin a span {
        line-height:22px;
        font-size:13px;
}
#bulletin .title {
        background-color:#cbd5d6;
        width:760px;
        line-height:26px;
        color:#123d41;
        font-weight:bold;
}
</style>



----------------------------------------------------------
<div id="bulletin">
    <ul>
      <div class="title"><span>日　　期</span>　<span>標題內容</span></div>
      <li><a href="#"><b><span>2008/01/04</span></b>　<span>文字標題文字標題文
字標題文字標題文字標題</span></a></li>
      <li><a href="#"><b><span>2008/01/04</span></b>　<span>文字標題文字標題文
字標題文字標題文字標題</span></a></li>
      <li><a href="#"><b><span>2008/01/04</span></b>　<span>文字標題文字標題文
字標題文字標題文字標題標題文字標題標題文字標題標題文字標題</span></a></li>
          <li><a href="#"><b><span>2008/01/04</span></b>　<span>文字標題文字標題文字
標題文字標題文字標題</span></a></li>
          <li><a href="#"><b><span>2008/01/04</span></b>　<span>文字標題文字標題文字
標題文字標題文字標題</span></a></li>
          <li><a href="#"><b><span>2008/01/04</span></b>　<span>文字標題文字標題文字
標題文字標題文字標題</span></a></li>
          <li><a href="#"><b><span>2008/01/04</span></b>　<span>文字標題文字標題文字
標題文字標題文字標題</span></a></li>
    </ul>
</div>

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 218.169.87.86
推 chph:你的原始碼結構不正確, ul 底下只能有 li
推 bcse:我看你的資料，覺得你用 <table> 會比較好…
→ WEIREN:我ul 下只有li沒有錯 難道都不能用span a ?
推 chph:我指的是<div class="title"><span>日　　期</span>這行
→ bcse:你用了div
推 ybite:這種東西用ul/li作很浪費，乖乖用Table吧