在图片上划出一片区域链接的问题
想在图片“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相对定位的。
一般的规则都是：父元素相对定位，子元素绝对定位