title: Vertical align multiple objects in table cell
body: <p>Here's the <a href="http://jsfiddle.net/Crystall/Mgwzx/" rel="nofollow">jsFiddle</a>.
  How can I vertically center the <code>img</code> and <code>div</code> inside the <code>td</code>, without using of absolute values (i.e. <strong>px</strong>)?</p>
  
  <p>Pure CSS solution is appreciated. Thanks.</p>