У меня есть меню на странице и div, который является абсолютным. Проблема в том, что когда этот div находится на странице, я не могу нажимать на какие-либо ссылки в пунктах меню.
Когда я удаляю этот div (#left_border), ссылки снова становятся доступными.
Почему?
CSS
#left_border {
background-image: url(http://tax.allfaces.lv/templates/tax/images/ena.png);
background-position: 0 0;
background-repeat: no-repeat;
width: 1094px;
background-size: 100% auto;
position: absolute;
height: 850px;
left: -51px;
top: 0px;
}
HTML:
<div id="wrapper">
<div id="content">
<div id="left_border"></div>
<div id="left">
<div id="menu">
<ul class="menu">
<li class="item-101 current active deeper parent"><a href="/">Home</a>
<ul>
<li class="item-107"><a href="/index.php/home/news">News</a>
</li>
</ul>
</li>
<li class="item-102 deeper parent"><a href="/index.php/merchants-shops">Merchants / Shops</a>
</li>
</ul>
</div>
</div>
</div>
Здесь вы видите, что вы не можете нажимать на пункты меню: http://jsfiddle.net/Dq6F4/