title: Vertical align span inside a div when text in span re-sizes to fill whole div
body: <p>I have a table with 25 td's. Each td contains the following elements:</p>
  
  <pre><code>&lt;td&gt;
    &lt;div&gt;
      &lt;span&gt;
       text
      &lt;/span&gt;
    &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>I also use a script that re-sizes the text inside the span to fill the whole div,
  so a longer text will result in a smaller font size.</p>
  
  <p>Now i'm trying to align the text vertically in the center of the div with no success (whole day). I included <a href="http://jsfiddle.net/JucD7/" rel="nofollow">this jsfiddle</a> page with the source code.</p>
  
  <p>Please help me figure out what is wrong here. </p>