title: Having issue with hover:after effect in IE8
body: <p>I have been trying to implement the css effect from this page here: <a href="http://sixrevisions.com/css/snazzy-hover-effects-using-css/" rel="nofollow">http://sixrevisions.com/css/snazzy-hover-effects-using-css/</a></p>
  
  <p>I have everything working fine except for the fix he posted for IE8; I added some conditional code so the fix is only used by &lt;= IE8 &amp; hence didn't include the CSS3 reset for normal browsers. However, the fix doesn't seem to have worked, all I see is the text &amp; the text is wrapped at that.</p>
  
  <p>You can see working examples here: <a href="http://www.thecssninja.com/demo/css_hover2/" rel="nofollow">http://www.thecssninja.com/demo/css_hover2/</a></p>
  
  <p>My example I set up is here: <a href="http://www.condorstudios.com/example.html" rel="nofollow">http://www.condorstudios.com/example.html</a></p>
  
  <p>Any ideas why mine isn't working? Only real differences I can see is he is using lists &amp; he has his <code>a</code> tags set as <code>blocks</code>, I tried this but it messes my layout up.</p>