title: IE textarea line height issue on font size change
body: <p>I have a textarea and some links that use JavaScript to change the font size in the textarea. In Firefox, this works absolutely fine, but in IE, the line-height does not change. So, when the font shrinks, there are big gaps between the lines of text. When the font grows, the lines of text overlap.</p>
  
  <p>I have tried adding in code to reset the line height to 1.5 x the font size, but it doesn't seem to accept it.</p>
  
  <p>Here is my code:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="font"&gt;
      &lt;a href="javascript:changeFont(10);" style="font-size: 10px"&gt;A&lt;/a&gt;
      &lt;a href="javascript:changeFont(13);" style="font-size: 14px"&gt;A&lt;/a&gt;
      &lt;a href="javascript:changeFont(16);" style="font-size: 18px"&gt;A&lt;/a&gt;
      &lt;a href="javascript:changeFont(19);" style="font-size: 22px"&gt;A&lt;/a&gt;
      &lt;a href="javascript:changeFont(22);" style="font-size: 26px"&gt;A&lt;/a&gt;
      &lt;a href="javascript:changeFont(25);" style="font-size: 30px"&gt;A&lt;/a&gt;
      &lt;a href="javascript:changeFont(28);" style="font-size: 34px"&gt;A&lt;/a&gt;
      &lt;a href="javascript:changeFont(31);" style="font-size: 38px"&gt;A&lt;/a&gt;
      &lt;a href="javascript:changeFont(33);" style="font-size: 42px"&gt;A&lt;/a&gt;
      &lt;a href="javascript:changeFont(36);" style="font-size: 46px"&gt;A&lt;/a&gt;
  &lt;/div&gt;
  &lt;textarea class="comment" name="comments" id="comments" placeholder="Message..."&gt;&lt;?php if(isset($post_comments)){ echo $post_comments; } ?&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>&lt;script&gt;
      &lt;!--
      function changeFont(size) {
          var lh = size * 1.5;
          $('#comments').css('fontSize', size + 'px');
          $('#comments').css('line-height', lh + 'px');
      }
      --&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>Thank you in advance.</p>