.x3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
.x3 li.a {
 background-color: #0099FF;
 height: 20px;
 width: 100px;
}
.x3 li.b {
 background-color: #FF9900;
 height: 20px;
 width: 100px;
}

<ul class="x3">
  <li class="a"></li>
  <li class="b"></li>
</ul>

下面這個是有高度的：

.xf {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}
.xf li.a {
 background-color: #FFCCCC;
 height: 10px;
 width: 50px;
}
.xf li.b {
 background-color: #FF33CC;
 height: 10px;
 width: 50px;
}

<ul class="xf">
  <li class="a"></li>
  <li class="b"></li>
</ul>

歸納：若第一個li標籤的高度小於20，那麼ie瀏覽器下兩個li塊就有高度。

真是太詭異了，吧上面的代碼保存為新的html文件，居然沒有高度。而應用到list.php中，第二個ul居然有高度。