Each of the above three boxes has display: table and:

• width and height 60px,
• padding left and top 20px,
• border left and top 10px.
• an inner display: table-cell box (with lighter color).

The second box has layout: fixed, the third has border-collapse: collapse.

The width on the display: table boxes is interpreted as:

• content-box width in: IE8, Gecko, Opera
• border-box width in: WebKit

The height on the display: table boxes is interpreted as:

• content-box height in: IE8, Gecko
• border-box height in: WebKit, Opera

With border-collapse: collapse the padding is ignored. The border-width is still included or excluded in the width according to the above, but with the following a variation: in IE8, Gecko, Opera the half of the border width is considered.

This page in quirks: table and box model (quirks mode) (no differences)

Table cells & box model

CSS tests home