title: Make CSS tooltip follow cursor
body: <p>I'm creating a CSS based tooltip that is going to have a lot of content in the tooltip and instead of being in a static place I was wondering is there a easy way to make it follow the cursor as you hover over the link.</p>
  
  <p>Here is a example of the CSS based tooltip</p>
  
  <pre><code>&lt;div class="couponcode"&gt;First Link
      &lt;span class="coupontooltip"&gt;Content 1&lt;/span&gt;
  &lt;/div&gt;
  
  .couponcode:hover .coupontooltip {
  display: block;
  }
  
  .coupontooltip {
  display: none;
  background: #C8C8C8;
  margin-left: 28px;
  padding: 10px;
  position: absolute;
  z-index: 1000;
  width:200px;
  height:100px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/q46Xz/" rel="noreferrer">http://jsfiddle.net/q46Xz/</a></p>