title: Vertically align nested DIVs using CSS
body: <p>Look at at </p>
  
  <p><a href="http://jsfiddle.net/user0815/ZU9bT/" rel="nofollow">http://jsfiddle.net/user0815/ZU9bT/</a></p>
  
  <p>I want that the two DIV containing an image each should be vertically aligned within the outer DIV.</p>
  
  <p>I tried the common tricks using </p>
  
  <pre><code>display: table-cell
  vertical-align: center
  </code></pre>
  
  <p>but no love.</p>
  
  <p>Any idea?</p>