Почему это меню спрайтов изображений не отображается должным образом и почему не работают ссылки?

Question

Код проверяется. В меню слева должно быть еще два изображения, над видимым бункером. И у каждого должна быть ссылка.

http://www.briligg.com/agnosticism.html

CSS: внешняя таблица стилей:

.menu {
position: relative;
float: left;
margin: 10px;
padding: 0;
width: 150px;
}
.menu li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
top: 260px;
}
.menu li, .menu a {
width: 150px;
height: 150px;
}

внутренняя таблица стилей:

.menu {
    height: 450px;
}
.mirror {
    top: 0;
}
.mirror {
    background: url(http://www.briligg.com/images/menu-ag.png) 0 0;
}
.wormcan {
    top: 151px;
}
.wormcan {
    background: url(http://www.briligg.com/images/menu-ag.png) 0 -151px;
}
.wormsilo {
    top: 301px;
}
.wormsilo {
    background: url(http://www.briligg.com/images/menu-ag.png) 0 -301px;
}

HTML:

<ul class="menu">
    <li class="mirror">
        <a href="whoryou.html"></a>
    </li>
    <li class="wormcan">
        <a href="aroundyou.html"></a>
    </li>
    <li class="wormsilo">
        <a href="beyondyou.html"></a>
    </li>
</ul>

Answer 1

Во внутренней таблице стилей вы должны указать лучше.* * * * * * * * * * * * * * * * .menu li * * * * * * * * * * *

* * * * * * *1007* * * * * * * * * *1007* * * * * * * *1007* * * * * * * *1007* * * * * * *1007* *1007* * * * * Не проверялось это, но на первый взгляд кажетсябыть проблемой.

Answer 2

Hum - возможно, вам следует попробовать установить ссылки (.menu a) на display: block, чтобы ссылки работали правильно. В противном случае ссылка не будет растянута для использования указанного размера, ссылки являются встроенными элементами (поправьте меня, если я ошибаюсь, не проверяли это).