CSS display:table-cell loses margin property

saeednewiew

New Member
I have a css class which works perfectly:\[code\].img_holder { width:126px; height:126px; border:1px solid #ccc; overflow:hidden; margin:12px; }\[/code\]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?new class which margin fails:\[code\].img_holder { width:126px; height:126px; border:1px solid #ccc; overflow:hidden; margin:12px; display:table-cell; vertical-align:middle; }\[/code\]
 
Top