I have attempted to create a fluid grid layout following the article by Ethan Marcotte on Fluid Grids (http://alistapart.com/article/fluidgrids).
However, the simple 4 column grid I have created displays an unwanted ‘space’ to the right. This is not evident in Firefox or Chrome. But is evident in Safari and more so on the iPad. In JS Fiddle and CodePen it is again not visible.
Can anyone suggest why such simple code for 4 column fluid grid is not displaying correctly?
Live test site: http://www.jailbirds.co.uk/
JS Fiddle: http://jsfiddle.net/BibCra/6AwkN/2/
CodePen: http://codepen.io/BibCra/pen/bvrsK
Thanks.