title: Drop cap CSS styling in IE9
body: <p>I'm using pure CSS to style drop caps. My problem is IE9 - it seems to take no notice of the line-height value which sets the vertical position in every other browser I've tested including IE 8 and IE 10. I cannot find away to adjust the vertical position of the drop cap in IE 9 - can you help me?</p>
  
  <p>See my site at: <a href="http://graphicviolence.co.uk" rel="nofollow">http://graphicviolence.co.uk</a> and my CSS for my drop cap is:</p>
  
  <pre><code>.art-postcontent &gt; p:first-of-type:first-letter 
  {
  letter-spacing:0;
  text-transform:uppercase;
  color:#250607;
  font-size:50px;
  font-weight:normal;
  float:left;
  margin:5px 5px -7px 0; /* THESE VALUES SET TXT WRAP AROUND DROP CAP */
  line-height:1; /* THIS SETS BASELINE POSITION OF DROP CAP */
  }
  </code></pre>
  
  <p>Thanks
  t</p>