title: CSS3 columns positioning issue
body: <p>I've been playing about with CSS3 columns and have come across a positioning issue. Firstly, check out my test on jsfiddle: <a href="http://jsfiddle.net/ahmednuaman/ybYtU/2/" rel="nofollow">http://jsfiddle.net/ahmednuaman/ybYtU/2/</a></p>
  
  <p>In the <code>div.cols</code> is using CSS3 columns and the other isn't. You'll see as you hover over the links in the second <code>div</code> that the <code>span</code> for that link appear relative to it, however in the CSS3 column they appear where the link would be if there weren't columns.</p>
  
  <p>Is this a standard bug? Is there a workaround?</p>
  
  <p>Example Markup:</p>
  
  <pre><code>&lt;div class="cols"&gt;
      Pork loin ball tip short ribs pork belly t-bone, short loin meatball kielbasa beef ribs tri-tip biltong beef ground round. Pork chop brisket jerky meatloaf. Strip steak short ribs tri-tip short loin pork loin. Turkey pastrami frankfurter, jerky hamburger short loin swine beef bacon chuck ham kielbasa biltong. Swine pork loin turkey hamburger filet mignon chuck, rump pig meatloaf bresaola prosciutto venison salami. Shoulder tongue short ribs, spare ribs salami filet mignon tri-tip tenderloin andouille capicola fatback pork chop sirloin. Ham leberkäse tri-tip, strip steak cow chuck ball tip fatback pork belly.
  
      Boudin bacon rump sausage pork belly, fatback sirloin kielbasa filet mignon. T-bone drumstick shoulder, filet mignon short ribs sausage pancetta cow kielbasa pig hamburger biltong meatball boudin beef. Meatball pig tri-tip hamburger, beef shankle brisket jerky pork loin rump turducken chuck. Fatback pork loin drumstick pork kielbasa, filet mignon prosciutto tri-tip sausage shoulder. Turkey biltong salami sirloin. Pork chop t-bone tri-tip, rump jerky corned beef tail. Ball tip fatback biltong pig, leberkäse frankfurter pork belly drumstick hamburger. &lt;a href="#"&gt;Salami turkey jerky capicola.&lt;span&gt;foooo&lt;/span&gt;&lt;/a&gt;
  
      Jerky chuck cow tri-tip. Jerky ham beef ribs, turducken short ribs meatball salami jowl shoulder sausage short loin. Meatball kielbasa pancetta sausage, jerky flank beef pork tri-tip ball tip prosciutto. Frankfurter beef capicola turkey. Swine short ribs kielbasa, ball tip fatback meatloaf chicken shank ham hock tenderloin beef ribs turkey shoulder tri-tip. Flank strip steak turducken, venison meatball fatback jerky frankfurter ribeye short loin turkey pancetta ham hock t-bone. &lt;a href="#"&gt;Salami turkey jerky capicola.&lt;span&gt;foooo&lt;/span&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
  
      Boudin bacon rump sausage pork belly, fatback sirloin kielbasa filet mignon. T-bone drumstick shoulder, filet mignon short ribs sausage pancetta cow kielbasa pig hamburger biltong meatball boudin beef. Meatball pig tri-tip hamburger, beef shankle brisket jerky pork loin rump turducken chuck. Fatback pork loin drumstick pork kielbasa, filet mignon prosciutto tri-tip sausage shoulder. Turkey biltong salami sirloin. Pork chop t-bone tri-tip, rump jerky corned beef tail. Ball tip fatback biltong pig, leberkäse frankfurter pork belly drumstick hamburger. &lt;a href="#"&gt;Salami turkey jerky capicola.&lt;span&gt;foooo&lt;/span&gt;&lt;/a&gt;
  
      Jerky chuck cow tri-tip. Jerky ham beef ribs, turducken short ribs meatball salami jowl shoulder sausage short loin. Meatball kielbasa pancetta sausage, jerky flank beef pork tri-tip ball tip prosciutto. Frankfurter beef capicola turkey. Swine short ribs kielbasa, ball tip fatback meatloaf chicken shank ham hock tenderloin beef ribs turkey shoulder tri-tip. Flank strip steak turducken, venison meatball fatback jerky frankfurter ribeye short loin turkey pancetta ham hock t-bone. Salami turkey jerky capicola. &lt;a href="#"&gt;Salami turkey jerky capicola.&lt;span&gt;foooo&lt;/span&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Example CSS:</p>
  
  <pre><code>div
  {
      position: relative;
      margin: 0 0 20px 0;
  }
  div.cols
  {
      -moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;
  }
  a span
  {
     position: absolute;
     display: block;
     visibility: hidden;
     background: red;
  }
  a:hover span
  {
      visibility: visible;
  }
  </code></pre>