CSS: 2 изображения, наложенные на eachother, поместите ссылки на оба изображения

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>