CSS3 2-column archive page breaking in safari

I’m using an all css3 way to break the archive of posts into two columns. It’s working perfectly in Chrome and Firefox. But in Safari the text is breaking into columns, however the post thumbnails associated with the text are running down the page, not following the 2 columns.

Any ideas why it’s breaking in Safari?

Thanks

Here’s the css3:

.2column {
	  -moz-column-count: 3;
	  -moz-column-gap: 10px;
	  -moz-column-rule: none;
	  -webkit-column-count: 3;
	  -webkit-column-gap: 10px;
	  -webkit-column-rule: none;
	column-count: 3;
	column-gap: 10px;
	column-rule: none;
	}

Here’s the archive php:

[Code moderated as per the Forum Rules. Please use the pastebin]