CSS:彼此分层的2张图像，在两个图像上添加链接

Question

im试图在这两个图像上添加相同的链接，这是因为我有一个边界盒的东西，其中一个主页按钮，两个都是图像，而家用图像则分层在顶部边界。

现在只有边界有一个链接，因此，当我单击它时，您必须避免使用"家庭图像"图像，因为它不会做任何事情，然后按边框上。

我想让这两个图像都可以转到相同的链接。这是代码：

#pageTop > #pageTopWrap > #select {
    background: url(../img/style/selection_bg.png) no-repeat bottom;
    width: 89px;
    height: 40px;
    position: absolute;
    bottom: -1px;
}
#pageTop > #pageTopWrap > #select:hover {
        background: url(../img/style/selection_bg_hover.png) no-repeat bottom;
}
#pageTop > #pageTopWrap > #home {
    background: url(../img/icons/home_icon.png) no-repeat;
    width: 32px;
    height: 26px;
    float:left;
    margin-top: 50px;
    margin-left: 27px;
    position:relative;
    bottom: 0px;
}
<div id="pageTop"> <a href="http://www.google.com/" title="base" id="logo"></a>
  <div id="pageTopWrap"> <a href="http://www.google.com/" title="Go to home" id="select"></a>
    <div id="home">
    </div>
  </div>
</div>

Answer 1

因为2个链接将进入同一位置，为什么不用1个链接包装所有内容

<div id="pageTop">
    <a href="http://www.google.com/" title="base" id="logo">
        <div id="pageTopWrap">
            <div id="home"></div>
      </div>
    </a>
</div>