在图片上划出一片区域链接的问题
想在图片“home_banner.jpg”上划出一片区域，链接到“index.html”；
在CSS中有如下语句：
#container
{
width:760px;
margin:0 auto;
}
#header
{
background-image:url(../img/home_banner.jpg);
background-repeat:no-repeat;
background-position:left center;
width:760px;
height:134px;
}
#logo
{
position:absolute;
top:25px;
left:17px;
width:165px;
height:85px;
}
#logo a
{
font-size:1px;
overflow:hidden;
width:165px;
height:0px;
padding-top:85px;
position:absolute;
top:0px;
}
在相应的HTML中有：
<div id="header">
<p id="logo">
<strong><a href="index.html">logo</a></strong> </p>
</div>
发现没有实现功能，但是在#container中加一条：position:relative;就可以实现我想要的功能了，请问这是为什么；
还有，#logo a中的定义是什么意思啊，这样定义logo这几个字就看不见了啊
[解决办法]
#logo
{
position:absolute;
｝
这个是绝对定位，绝定位的父元素一定要是position:relative相对定位的。
一般的规则都是：父元素相对定位，子元素绝对定位
