Почему только некоторые из моих ссылок выбираются и реагируют на зависание?

Question

Я работаю над темой tumblr и сталкиваюсь с проблемой с моими ссылками. Ссылки в моей навигационной панели (.navstuff) отвечают, когда они зависают и приводят к ссылке, которую я хочу. В моих сообщениях теги, даты, кнопки сердца/повтора и счет заметки должны реагировать, когда они зависают, но никто из них не делает, кроме сообщения внизу. Почему это происходит и как я могу это исправить? Вы можете увидеть его на jsfiddle here.

.tags { 
    text-align: left; 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
} 
a { 
    color: #808080; /*link color remove link underline */ 
    text-decoration:none; 
} 
a:hover { 
    color: #f5cfe0; /*hover over link */ 
} 

<div class="post"> 
      {block:Title} 
       <h3> 
        <a href="{Permalink}">{Title}</a> 
       </h3> 
      {/block:Title} 
      {Body} 
      <ul class="like-reblog"> 
       <li>{LikeButton}</li> 
       <li>{ReblogButton}</li> 
       <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCount}</a>{/block:NoteCount}</li> 
       <li>{block:Date}<a href="{Permalink}">{Month}&#x2606;{DayofMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date}</li> 
      </ul> 
      {block:HasTags} 
      <ul class="tags"> 
       <li>{block:Tags}<a href="{TagURL}">{Tag}</a></li>{/block:Tags} 
      </ul> 
      {/block:HasTags} 
      </div> 

Спасибо.

Answer 1

Это потому, что ваш div #sidebar накладывает содержимое. Добавьте контекст укладки, чтобы разместить его под своими сообщениями:

#sidebar { 
    position: fixed; 
    z-index: -1; 
}