Доступная площадь с низким индексом z

Question

Я нашел так много тем для этого вопроса, но ни один из них не помогает для моего дела.

У меня есть один div с низким индексом z. В этом div есть кнопка, которая должна быть интерактивной. Но он не доступен для кликов, из-за низкого z-индекса. Я попытался изменить z-index для других div и контейнеров, но я не смог найти правильную комбинацию.

HTML:

<div id="wrapper"> 
<div id="content">   
    <div id="left"> <a href="/" id="logo"> </a>    
    </div> 
    <div id="right"> 
     <div id="content_img"> 
      <img src="http://tax.allfaces.lv/templates/tax/images/office.png"> 
     </div>    
    </div> 

    <div id="docked_div"> 
     <div class="fb"> <a href="http://www.facebook.com/cityrefund"><img src="http://tax.allfaces.lv/templates/tax/images/f.png" style="width:27px; height: 28px; padding-left: 20px;"></a> 

      </div> 
     </div> 
    </div> 
</div> 

CSS:

#wrapper { 
    margin: 0 auto; 
    margin-top: 10px; 
    width: 1004px; 
    position: relative; 
} 
#content { 
    overflow: hidden; 
    background-color: white; 
} 
#left { 
    float: left; 
    width: 249px; 
} 
#right { 
    float: left; 
    width: 750px; 
    padding-left: 5px; 
} 
#logo { 
    background: url(../images/logo.png) no-repeat; 
    background-position:center; 
    width: 250px; 
    height: 135px; 
    padding: 5px 0 0 5px; 
    display:block; 
} 
#content_img { 
    width: 750px; 
    height: 300px; 
} 
#docked_div { 
    background: url(http://tax.allfaces.lv/templates/tax/images/mazais_fons.png) no-repeat; 
    width: 52px; 
    height: 212px; 
    background-size: 100% auto; 
    position: absolute; 
    right: -37px; 
    top: 105px; 
    z-index: -1; **//EDIT HERE!!!!!!!** 
} 

.fb { 
    /*z-index: 1000;*/ 
} 

мне нужно быть в состоянии нажать на кнопку FB. Теперь, когда #docked_div z-index установлен на -1, то .fb не доступен для кликов. Если я установил z-index = 1 на #docked_div, тогда .fb можно щелкнуть, но тогда #docked_div на картинке, она должна быть внизу.

Пример здесь видели (кнопка FB не кликабельны): http://jsfiddle.net/vAkXh/7/[править здесь] Полный пример здесь: tax.allfaces.lv (вы можете увидеть, что здесь кнопка FB кликабельна, но на верх изображения, это неправильно).

Answer 1

Просто добавьте к #right DIV:

position: relative; 
z-index: 2; 

Я примерил http://tax.allfaces.lv/, он должен работать.