title: CSS HTML Cant click on links
body: <p>I have this page here: <a href="http://artendijen.com/product/animals-stream/" rel="noreferrer">http://artendijen.com/product/animals-stream/</a> and there are links on the right side, however I can't click on them...does anyone know why?</p>
  
  <p>Left Side:</p>
  
  <pre><code>&lt;nav class="woocommerce-breadcrumb" itemprop="breadcrumb"&gt;&lt;a class="home" href="http://artendijen.com"&gt;Home&lt;/a&gt; / &lt;a class="home" href="/shop"&gt;Gallery &amp;amp; Shopping&lt;/a&gt; / &lt;a href="http://artendijen.com/product-category/small/#108"&gt;Small&lt;/a&gt; / Animals by the Stream&lt;/nav&gt;
  </code></pre>
  
  <p>Right Side:</p>
  
  <pre><code>&lt;ul style="float:right;" class="shoppingBread"&gt;&lt;li&gt;&lt;a href="/product-category/prints-notecards"&gt;Prints &amp;amp; Notecards&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="/product-category/background-information"&gt;Background Information&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="/cart"&gt;Cart&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;`
  </code></pre>
  
  <p>CSS for left side:</p>
  
  <pre><code>.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
      float: left;
      z-index: 99999;
      position: relative;
      margin: 0 0 1em;
      padding: 0;
      font-size: .92em;
      color: #777;
  }
  </code></pre>
  
  <p>CSS for right side is just float right, but here is the CSS for the list items on the right side:</p>
  
  <pre><code>.shoppingBread li {
      padding-bottom: 5px;
      text-align: right;
  }
  </code></pre>