Why is Chrome cutting off text in my CSS3 multi-column layout?

Question

A demonstration of the problem is here.

http://www.vcn.bc.ca/~dugan/css3/newhtml.html

The multi-column CSS3 layout displays correctly in Firefox. Opera and IE8 display it as one column (which is fine). Chrome, however, tries to display it as multiple columns and cuts off part of the text.

Is there any way to make it work with Chrome?

Answer 1

Seems to show all the text if you set a line height of 1.5 on the p rule in dugan.css. There still seems to be a defect in exactly how Chrome balances the columns, you may need to put an empty paragraph in or add some padding on the last paragraph or something.