LI的宽度问题

Question

HTML大致如下：
<ul>
  <li>
     <table></table>
  </li>
   ...
</ul>它的功能是实现在主页面的Tab选项卡，table就是具体的选项卡，如下：
<td></td>                       背景是左边图片，没有内容
<td><span>选项卡文本</span></td>背景是中间图片
<td></td>                       背景是关闭按钮图片，没有内容
<td></td>                       背景是右边图片，没有内容使用JQuery动态加入选项卡，现在有问题了：
第一个选项卡的位置[position().left, position().left + width()]是：0,104.
但第二个的位置却是：89,193
但是显示却没有问题，第二个的left怎么会是89呢？

Answer 1

你这看不出来啊，有没有CSS代码？

Answer 2

ul{position:relative; left:0px; display:block; list-style:none; padding:0; margin:0; white-space:nowrap; overflow:hidden; width:10000px;}li{list-style:none; padding:0; float:left; height:25px; margin:0px; margin-left:1px; cursor:hand}Table没有CSS

Answer 3

找出问题了，当我添加第二个选项卡时，将第一个选项卡的“关闭”按钮的设为display:none了，将这个去掉就对了。<td> </td>                      背景是左边图片，没有内容 
<td> <span>选项卡文本 </span> </td>背景是中间图片 
<td> </td>                      背景是关闭按钮图片，没有内容背景图片在添加第二个选项卡时display:none了 
<td> </td>                      背景是右边图片，没有内容 但是有没有办法可以不用去掉display:none这句，而得到正确的位置呢？