display:inline-block;
overflow:hidden;（网络上查找是影藏溢出，但是测试起来感觉不太明白）
position:relative;（绝对定位，不知道对不对）
position:absolute;
这四个属性在CSS里面出现频率比较高，高手指点下这四个属性的作用分别是什么,谢谢！
小弟感激不尽
望高手指点，百度一下，感觉讲解的不是很清楚
HTML code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>list(wwww.hemin.cn)</title>
<style type="text/css">
*{ margin:0; padding:0; font-size:12px; font-family:"新宋体";}
ol{ background:url(http://www.hemin.cn/blog/wp-content/uploads/2009/06/list.jpg) no-repeat left -
2px;}
li{ position:relative;padding-left:20px; height:20px; overflow:hidden; line-height:20px;
width:250px; list-style:none;padding-right:60px;}
li a{ display:inline-block; text-decoration:none; color:#000;}
li a:hover{ text-decoration:underline;}
li span{ position:absolute; padding-left:5px; color:#CCC;}
</style>
</head>
<body>
<ol>
<li><a href="#">杂技�
