哪位高手帮忙解释下ul这个有关问题 _HTML/CSS

谁帮忙解释下ul这个问题？



#index{overflow:hidden;background:#000;border:1px solid #000;}



 <div id="outer">

	<ul id="index">

		<li>第一课</li>

		<li>第二课</li>

		<li>第三课</li>

	</ul>

</div>

ul的css属性中overflow什么意思啊，为什么有和没有显示完全不一样啊，求解释。

------解决方案--------------------
overflow，内容不会显示到ul的区域外面，多余的会切掉

你执行下就看到区别了



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">



<style>

#index{overflow:hidden;background:#000;border:1px solid #000;color:#f00;width:200px;height:40px;}

#index2{background:#000;border:1px solid #000;color:#f00;width:200px;height:40px;}

</style>

<div id="outer">

    <ul id="index">

        <li>第一课</li>

        <li>第二课</li>

        <li>第三课</li>

    </ul>

</div>





<div id="outer">

    <ul id="index2">

        <li>第一课</li>

        <li>第二课</li>

        <li>第三课</li>

    </ul>

</div>