title: How to make the font "Lucida Sans Unicode" render the same way in IE9 and Chrome?
body: <p>I'm using the font "Lucida Sans Unicode" on a project, and I've encountered an issue with it. In IE9 there is some space beneath the text, and I don't know why this is happening. In Chrome there is not as much space. Here is an example, the border you see is from the "Select element on click" function in the developer tool in IE9:</p>
  
  <p><img src="https://i.stack.imgur.com/kSTAT.png" alt="IE 9 Mode"></p>
  
  <p>This is in Browser mode: IE9 and Document Mode: IE9 Standards.</p>
  
  <p>And this is Browser mode: IE8 and Document Mode: IE8:</p>
  
  <p><img src="https://i.stack.imgur.com/G9wPp.png" alt="IE 8 Mode"></p>
  
  <p>As you can see there is less space beneath the "p". Chrome displays it the same way as IE8 mode.</p>
  
  <p>The difference in rendering is causing trouble when I want to align stuff; when it's OK in one browser it's not OK in the other.</p>
  
  <p>Does anyone know why this is happening and, more importantly, how to fix it?</p>
  
  <p>Thanks in advance for all replies.</p>
  
  <p>EDIT:<br>
  Fiddle: <a href="http://jsfiddle.net/94Tq9/" rel="nofollow noreferrer">http://jsfiddle.net/94Tq9/</a><br>
  <code>.</code></p>