html - table-cell div の上に大量のパディングが表示されるのはなぜですか

Question

2 つのテーブルセル div が隣り合っていますが、何らかの理由で、作成していない巨大なマージントップのように見えるものがあり、その理由がわかりません。

<div style="display:table;">
<div style="display:table-cell;">
    <img src="http://a0.twimg.com/profile_images/3181865974/b3583cd60d3d21ea9b9776634084b710_normal.png" />
</div>
<div style="display:table-cell;">
    <div>Your compiler finds a big block of commented-out code… It knows it shouldn't look… Takes the tiniest of tiny peeks… BLUSHES BRIGHT RED.Your compiler finds a big block of commented-out code… It knows it shouldn't look… Takes the tiniest of tiny peeks… BLUSHES BRIGHT RED.</div>
</div>

JSFiddle: http://jsfiddle.net/HycBx/