Nie mogę kliknąć łącza wewnątrz stałego elementu div

Question

Tego linku, który znajduje się wewnątrz elementu div o nazwie .user_minibar z właściwością position:fixed; i znajduje się u góry strony, nie można kliknąć. Kiedy umieściłem mysz nad tym łączem, mój kursor nie zmienił się nawet w wskaźnik.

O ile nie przewińę trochę, nie mogę go kliknąć (działa tylko wtedy, gdy mój link znajduje się dokładnie pod tagiem h1 (dziwne, prawda?)).

Oto mój jsfiddle: http://jsfiddle.net/Arkl1te/9XkHa/

Answer 1

Jednym z najlepszych elementów jest prawdopodobnie nakładają swoje div. Spróbuj dodać z-index: 1; do swojego .user_minibar.

Answer 2

Dodaj indeks z do .user_minibar, jest on nakładany przez h1.

.user_minibar{ 
    position: fixed; 
    width: 250px; 
    height: 30px; 
    background: rgba(255,255,255,.8); 
    border-bottom: 1px dotted red; 
    color: red; 
    font-size: 14px; 
    z-index: 1; 
}