Почему CSS делает ссылки не кликабельными в Firefox?

Question

Я проверяю в Firefox 3.6

Почему ссылки 2-й уровень не нажимаются в этой вкладке.

altтекст http://shup.com/Shup/383239/11061405615-My-Desktop.png

живой пример здесь: http://jsbin.com/upeka4/5

они активируются при отключении css

Answer 1

Возможно, потому что определение z-index здесь:

ul.level2  {
background:none repeat scroll 0 0 #F3F8C6;
border:1px solid #EABF4A;
left:0;
padding:6px;
position:absolute;
top:30px;
width:463px;
z-index:-1; <------------------------ there
}

Answer 2

Ваша z-index: -1 проблема

Answer 3

измените z-index для ul.level2 с -1, и вам будет хорошо идти.IE по-прежнему разрешает нажимать на них, но Firefox обычно не позволяет, если над ними есть элемент.

Answer 4

Другие выше объяснили проблему.Для решения просто сделайте:

#tabcontainer
        {
          height:32px;
          position:absolute;
          margin: 2em;
          font-size: 12px;
        }

Уменьшение высоты до 32px приводит к тому, что список вторичных ссылок «переполняется» из tabcontainer и поэтому не покрывается им (хотя он все еще отображается «под» ним).согласно z-index).position:absolute; приводит к тому, что дополнительные ссылки размещаются только под контейнером табуляции, а не под какими-либо родительскими элементами (такими как html, body).