关于overflow的问题

在网站的CSS设计中使用了以下的CSS定义

div{}{width：200px;}
li {}{ overflow: hidden; text-overflow:ellipsis; white-space : nowrap; } 

网页中使用代码中一部分是：

<div>
<li>这是一个车合适的测试，但是不能正确的显示</li>
</div>

但是在测试的时候，li标签中的值还是将外围的div撑开了，不知道改怎样去解决这样的问题？？