title: html5 block link styling issues
body: <p>Hi HTML5 / css guru'es</p>
  
  <p>I'm trying to make use of some "new" features presented by HTML5 however I have stumpled uppon a problem with changing my links background on hover when having block elements inside the  tag.</p>
  
  <p>This is my test code: </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;teeeest&lt;/title&gt;
      &lt;link rel="stylesheet" href="saninetto1/css/bootstrap.min.css" /&gt;
      &lt;style&gt;
          a:link  { background-color: red; }
          a:hover { background-color: #333; }
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
          &lt;div&gt;&lt;a href="#"&gt;I'm a block&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
          &lt;a href="#2"&gt;&lt;div&gt;I'm a block 2&lt;/div&gt;&lt;/a&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>According to html5doctor (<a href="http://html5doctor.com/block-level-links-in-html-5/" rel="nofollow">article</a>) it should be straight forward but I just can't change the background on when hovering.</p>
  
  <p>I made this fiddle to show the difference when using my test html: <a href="http://jsfiddle.net/vJEEn/" rel="nofollow">http://jsfiddle.net/vJEEn/</a></p>
  
  <p>As the fiddle shows I can make changes to the text, but not the background-color</p>
  
  <p>hope you can help me changing the background on hover</p>