Elements invisible for no apparent reason in Safari only

Question

I have a site that works fine in Chrome, Firefox, IE7-11, android, iOS (both ipad and iphone) yet for some unknown reason all elements except the header and rotating banner are invisible in Safari and only Safari.

The elements are all present and when inspected the outlines of each individual elements appear.

If I disable CSS the elements all appear and are there.

As I scroll through the page, which for the post part is just blank white space occasionally some of the elements will reappear in a very glitchy way, perhaps just a thin vertical stripe of the element will be visible then it will disappear.

I can't make the site public at the moment, but here is a screenshot showing the issue:

Has anyone had something similar happen before in Safari, or have any suggestions?

Answer 1

It looks like the div is hidden.

Add z-index:1; to the div with tdp_row_fullwidth center-yes light-no class and the div shows up in safari for me.

Answer 2

What worked for me was the font-family that was being used was not loaded in Safari, once I changed it, the element "showed" up.