title: when div with absolute position is added cannot click on links
body: <p>I have menu on a page and div that is absolute positioned. The problem is that when this div is on a page, then I cannot click on any links in menu items. </p>
  
  <p>When I remove this div (#left_border), then links are clickable again.</p>
  
  <p>Why? </p>
  
  <p>CSS:</p>
  
  <pre><code> #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;
  }  
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
  &lt;div id="content"&gt;
      &lt;div id="left_border"&gt;&lt;/div&gt;
      &lt;div id="left"&gt;
          &lt;div id="menu"&gt;
              &lt;ul class="menu"&gt;
                  &lt;li class="item-101 current active deeper parent"&gt;&lt;a href="/"&gt;Home&lt;/a&gt;
  
                      &lt;ul&gt;
                          &lt;li class="item-107"&gt;&lt;a href="/index.php/home/news"&gt;News&lt;/a&gt;
  
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li class="item-102 deeper parent"&gt;&lt;a href="/index.php/merchants-shops"&gt;Merchants / Shops&lt;/a&gt;
                  &lt;/li&gt;                    
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;       
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here you see, that you cannot click on menu items: <a href="http://jsfiddle.net/Dq6F4/" rel="noreferrer">http://jsfiddle.net/Dq6F4/</a></p>