Div unclickable при использовании относительного позиционирования...?

Question

В настоящее время я разрабатываю веб-сайт для бизнеса по созданию компьютеров.

Единственная проблема в том, что сайт работает только на 100% в Firefox. Моя текущая проблема заключается в том, что div слева (с изображениями) и div справа (с рамкой, похожей на facebook) не доступны для любого браузера, кроме FireFox. Я почти уверен, что это как-то связано с z-index, но я не знаю, как это исправить.

То, что у меня есть, это навигационная панель вверху с основным div с относительным позиционированием. Внутри этого основного div у меня есть еще 3 div. Один для каждого столбца страницы, слева, посередине и справа. Однако ни один из этих div-ов не кликабелен, и у меня есть код CSS:

#fr {
    z-index: -1;
    position: fixed;
    width: 290px;
    right: 10px;
    top: 45px;
}
#la {
        overflow : auto; 
    z-index: -1;
    position: fixed;
    width: 200px;
    height: 92.5%;
    left: 15px;
    top: 45px;
    border-right: 1px solid grey;
}
#maindata {
    border-bottom: 1px solid grey;
}
#main {
    z-index: -1;
}

Что я могу сделать, чтобы это исправить? Я хотел бы поделиться своим источником (он написан на PHP, но в основном это HTML).

Я ценю любую помощь, спасибо!

Answer 1

Почему #main а также #la иметь z-index: -1 на них? Это ставит их за body (или некоторый другой элемент), чтобы они не были доступны с помощью действий при наведении / щелчке. Удалите эти стили, и страница будет работать нормально.