phantomjs not honouring box-sizing

Question

I'm using phantomjs (1.9.8) to get screenshots for a project. This project uses Pure CSS grids for responsive layout. Here is a stripped down HTML demo for what I'm doing:

http://output.jsbin.com/sobabiy/1

This is what phantomjs sees (viewport 1024x768):

I'm a little rusty on my CSS skills, but my gut feeling is that somehow

box-sizing: border-box

isn't being taken in account, and the last node "drops" down. What other options do I have here?

Answer 1

Apparently upgrading to phantomjs 2.0 solved the problem.