Крепление перекрытия вопрос между HTML ссылки и изображения?

У меня есть нижний колонтитулы на моем сайте, в которых есть ссылки с изображениями под ними. Существует перекрытия между двумя div, содержащие эти. Где изображения ссылки перекрываются, ссылки не являются интерактивными.

Извлечение релевантной кодом и выполнение JSFiddle из него может занять некоторое время, поэтому я отправляю фотографии, и я надеюсь, что кто-то может помочь мне на их основе:

footer_info div содержащие HTML ссылки:



footer_row_0 div содержащие изображения:



Для моего сценария, следующие HTML ссылки не работают:

Privacy Policy
Terms & Conditions
Site Map
Affiliates
Specials
Wish List
Newsletter

Я уже пытался z-index: 10 на footer_info div, но это не решит проблему. И, если я изложу отрицательного значения z-index для footer_row_0 div, она исчезает.

footer_info div CSS:

background-color: rgb(255, 255, 255);
background-image: none;
background-position: 50% 0%;
background-repeat: no-repeat;
clear: both;
color: rgb(84, 84, 84);
display: block;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
height: 149px;
line-height: 18px;
margin-bottom: -75px;
overflow-x: auto;
overflow-y: auto;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
padding-top: 20px;
width: 980px;
z-index: auto;

footer_row_0 div CSS:

color: rgb(224, 224, 224);
display: block;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
height: 150px;
line-height: 18px;
position: relative;
width: 980px;
z-index: 0;

Can someone tell me how to solve this issue ?