How to get a foundation Reveal Modal to display properly in Safari

Question

The Foundation Reveal Modal works fine in Chrome, Firefox and IE; but not Safari.

When I click the login link the modal only halfway appears on the screen. In all other browsers it remains centered on the screen.

You can see a video of my test on Safari 6.2.

I tried the suggestions on the Foundation Forum, but they didn't help.

Answer 1

I found a simple solution.

CSS

.left-50p { left: 50%; }

HTML

<div id="signupModal" class="reveal-modal left-50p" data-reveal>