CSS样式如下：

.lb {margin:8px 0px;
 table-layout:fixed; width:100%
}
.lb ul {
 padding: 0px; margin:0px
}
.lb li {
 float: left;
 width:49%;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 background-image: url(/images/li.gif);
 background-position: left;
 background-repeat: no-repeat;
 text-indent: 10px;
 color: #999;
 list-style:none; padding:0px; margin:3px auto
}

HTML：

<div class="lb">
  <ul>
  <li><a href="#">电脑/软件培训</a></li> 
  <li><a href="#">音乐美术培训</a></li>
  <li><a href="#">家教/技能培训</a></li><li><a href="#">外语培训</a></li>
  </ul> 
  </div>

表现为：

给div加上 overflow:hidden; 属性

li 中的 margin:3px auto 去掉，上下行之间的距离可以用行高或者内填充解决。

把li标签的float:left跟width去掉后，估计li标签使用{display:inline-block}应该可以解决。。

欢迎入群讨论。。。