title: CSS display:table-cell loses margin property
body: <p>I have a css class which works perfectly:</p>
  
  <pre><code>.img_holder { width:126px; height:126px; border:1px solid #ccc; overflow:hidden; margin:12px; }
  </code></pre>
  
  <p>However, when I try to center the image in the div by adding display:table-cell and vertical-align properties, the margin stops working and the div goes top left of its parent... Is this a known effect?</p>
  
  <p>new class which margin fails:</p>
  
  <pre><code>.img_holder { width:126px; height:126px; border:1px solid #ccc; overflow:hidden; margin:12px; display:table-cell; vertical-align:middle; }
  </code></pre>