网页布局css+div float的问题

本来是显示好的    可是把浏览器宽度拉小后  li里的元素跑下去了   怎么能让他们不跑下去？
#header ul{
	max-width:1000px;
	height:40px;
	margin:0 auto;
}
#header li{
	float:left;
	width:14%;
	text-align:center;
	border:1px solid #ddd;
}
这是这个列表的代码

追问：可是这样设置后文字又跑到下面了  怎么办？。。。什么属性不换行？

答案：#header ul{
	width:1000px;
	height:40px;
	margin:0 auto;
overflow:hidden;
}

其他：给#header设置一个固定宽度。
或者
#header ul{
	max-width:1000px;
	height:40px;
	margin:0 auto;
}
修改为：
#header ul{
	width:1000px;
	height:40px;
	margin:0 auto;
}

可以解决这个问题。 宽度小了，塞不下了呀。楼主到底想要它在宽度很小的时候变成怎样呢？请说清楚 

上一个：网页源代码附带其中有引用，.css文件和.js文件在哪里了？ 谢谢您的回答
下一个：<link id="themeCSS" rel="stylesheet" type="text/css" />什么意思。。具体点