display: table-cell alignment issues when images are used

css, css-tables

Solution

Specify vertical align..

.table-cell { 
    display: table-cell;
    vertical-align:top;
    }
​

Problem

omg this is driving me mad. I have one table-row containing two table-cells. if both cells contain only text it works just fine, but the moment I put an image on one "cell", the other cell jumps to align at baseline... even though they are in different divs. jsfiddle here halpl!

Original source