HTML: не работаю ссылки (проблема с вёрсткой)

[IMB]

Доброго дня!
HTML

Код: Выделить всё

<div id = "menu">
            <table cols = 2 border = 0>
                <tr><td valign = "top"><img src = "img/button-1.png"></td>
                    <td><strong>Menu</strong><br>
                        <a href = "link1.html">link1</a><br>
                        ..............................................
                        <a href = "linkN">linkN</a><br>
                </td></tr>
            </table>
        </div>

CSS

Код: Выделить всё

a {text-decoration: none;}

#menu {
    float: left;
    width: 206px;
    height: 437px;
    /*background-color: rgb(200,214,229);*/
    background-image: url(../img/menu_die.png)
}

#menu a {color: rgb(0,113,162);}

Проблема в том, что ссылки не активны, при наведении на них форма курсора не меняется и в статусной строке не отображется адрес.
Пробовал выставлять для ссылок z-index, но никакое значение не исправило ситуации.
В чём проблема?
Спасибо.

[Brainsburn]

У меня все работает (firefox). Да и ломаться тут, вроде бы, нечему

[Voral]

В этом куске нет ни чего приводящего к описанному эффекту. (Вы его "скопипастили"?)

[IMB]

Да, это скопировано из файла, только заменил название ссылок и цели.
Этот DIV вложен в другой DIV, общая структура следующая:

Код: Выделить всё

<div id = "content" >
    <div id = "header">...</div>
    <div id = "menu">...</div>
    <div id = "data"....</div>
</div>

[nickm]

Собрал из этого в 1 файл. http://pastebin.ca/1947189
УМВР
проверено в: ФФ, Хромиум, Опера

[IMB]

Странно, я проверяю в Iceweasel 3.5.6.
Прикладываю исходники, если не затруднит - посмотрите.
P.S. В архив не вложены картинки используемы в интерфейсе и бекгроунда меню.

[watashiwa_daredeska]

Код: Выделить всё

diff -ru 1/css/common.css 2/css/common.css
--- 1/css/common.css    2010-09-23 12:47:08.000000000 +0400
+++ 2/css/common.css    2010-09-23 13:01:29.000000000 +0400
@@ -35,7 +35,7 @@
     width: 206px;
     height: 437px;
     /*background-color: rgb(200,214,229);*/
-    background-image: url(../img/menu_die.png)
+    background-image: url(../img/menu_die.png);
 }

 #menu table {
@@ -46,7 +46,7 @@
 #menu a {color: rgb(0,113,162);}

 #data {
-    position: relative;
+    /*position: relative;*/
     /*left: 260px;*/
     left: 50px;
     /*padding-bottom: 20px;*/

Ну, и поиграть чуток со всякими margin/padding, чтобы вернуть внешний вид, как было, ибо поехало чуток.

[IMB]

Странно, в приведёно патче я не вижу никаких изменений касающихся menu, неужто отключение position:relative у соседнего div-а оказывает влияние?
Почему?

[nickm]

Странно, в приведёно патче я не вижу никаких изменений касающихся menu, неужто отключение position:relative у соседнего div-а оказывает влияние?
Почему?

Потому-что он перекрывает ссылки (синий прямоугольник)?
http://img.flashtux.org/img132b73b1c01bx5082ccc.png
В данном случае заглавные буквы от ссылкок, которые дивом не перекрываются вполне кликабельны