title: Vertical Align Image Centering with Overflow:hidden
body: <pre><code>&lt;div style="overflow:hidden; height:100px; width:100px;"&gt;
  &lt;img src="etc.jpg" width:"100px" /&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I've got an <code>img</code> into a <code>div</code>. The height of the <code>img</code> is undefined but it is bigger than the 100px of the <code>div</code>.</p>
  
  <p>I want to vertical center the <code>img</code> and hide the top and bottom overflow.</p>
  
  <p>Still I can't understand how to do this...</p>
  
  <p>Daniele</p>