PureCSS.io - Pure Grid (height) displays different in Firefox

Viewed 2843

I am using the Pure Grids of PureCSS. I have a pure-g with three pure-u-1-3, containing a few paragraphs. The problem is that there is a difference in display between Chrome/IE and Firefox when one of the units is longer than the others.

http://jsfiddle.net/f3YNe/3/

http://i.stack.imgur.com/VFVYu.png

I have tried to use jQuery to calculate the highest pure-u-1-3 and setting the rest to this height. But it didn't work out as expected, since this grid has to be responsive as well (using pure-g-r)

Does anybody know how to make Firefox produce the same output?

2 Answers
Related