ссылка тег внутри боковой панели не работает

Question

я построить боковую панель Wich включает в себя уведомление центра, внутри него есть содержание, состояние обновления и т.д. проблема заключается в том, что я не могу нажать на них

<div class="media notification-conent"> 
    <a href="#"> 
     <div class="media-left"> 
    <a href="#"> 
    <img class="media-object notification-img" src="img/users/noti_avatar22.jpg"> 
    </a> 
    </div> 
    <div class="media-body notification-body"> 
     <h4 class="media-heading content-header">Anouk hat deine Anfrage abgelehnt</h4> 
     <small class="pull-right timestamp">09:17</small> 
     <p>Maxim Shooting wurde von Anouk De Heer abgelehnt.</p> 
    </div> 
    </a> 
</div> 

того HTML, из одного из блоков контента. Ссылки вокруг image и временная метка работают, но основная ссылка, одна после содержания с классом .notification-content не работает

Когда я проверяю консоль, я вижу, что ссылка закрыта сразу после открытия тег. Почему это происходит?

вот jsfiddle с целыми стилями от боковой панели, и даже есть эта проблема. Надеюсь, кто-то может мне помочь.

jsfiddle

Answer 1

Использование a validator: Ссылка не может содержать другую ссылку.

Ошибка восстановления в браузере закрывает внешнюю ссылку при последней возможности, чтобы остановить внутреннюю связь внутри нее.