现在是正常的：
代码:
<style type="text/css">
<!--
*{
margin:0;
padding:0;
font-size:12px;
}

#mycf{
width:210px;
float:left;
border:1px #A7E0F4 solid;
margin-left:8px;
display:inline;
background:#ccc;
}

#mycf_todo{
list-style-type:none;
background:#f00;
zoom:1;
}

#mycf_todo li{
float:left;
width:97px;
height:23px;
margin-left:5px;
margin-top:4px;
text-indent:20px;
line-height:23px;
display:inline;
background:#ff0;
}

#mycf_todo li a{
text-decoration:none;
color:#000;
}
-->
</style>

<div id="mycf">
<ul id="mycf_todo">
<li><a href="#">充值</a></li>
<li><a href="#">个人信息</a></li>
<li><a href="#">我的帐户</a></li>
<li><a href="#">我的帐户</a></li>
<li><a href="#">我的帐户</a></li>
</ul>
</div>


当再加一个li时候就会多出一块宽度，代码如下，与上面务任何变化，只是在html部分又加了一个li
代码:
<style type="text/css">
<!--
*{
margin:0;
padding:0;
font-size:12px;
}

#mycf{
width:210px;
float:left;
border:1px #A7E0F4 solid;
margin-left:8px;
display:inline;
background:#ccc;
}

#mycf_todo{
list-style-type:none;
background:#f00;
zoom:1;
}

#mycf_todo li{
float:left;
width:97px;
height:23px;
margin-left:5px;
margin-top:4px;
text-indent:20px;
line-height:23px;
display:inline;
background:#ff0;
}

#mycf_todo li a{
text-decoration:none;
color:#000;
}
-->
</style>

<div id="mycf">
<ul id="mycf_todo">
<li><a href="#">充值</a></li>
<li><a href="#">个人信息</a></li>
<li><a href="#">我的帐户</a></li>
<li><a href="#">我的帐户</a></li>
<li><a href="#">我的帐户</a></li>
<li><a href="#">我的帐户</a></li>
</ul>
</div>