Display:Block not working in Chrome or Safari

Question

I have a simple need to display the cells of a table row vertically. This works just fine in FF, but not in Chrome or Safari on the Ipad.

The example below renders a

Answer 1

EDIT 2:

I think I have worked out your problem. Webkit overrides display: block; and computes it to be display: table-cell; in a td when there is no declared for your html.

To fix this I recommend you set before at the top of your html.

The reason the jsfiddle will work is because the site has a already declared.

Try this and let me know if it fixes your problem. If not I'll try find another answer.