element won't appear until resize (Safari browser)
<p>I have an element with class btn-getInfo-Ok</p>

<pre><code>&lt;button class="btn-getInfo-Ok"&gt;Hello&lt;/button&gt;
</code></pre>

<p>style.css</p>

<pre class="lang-css prettyprint-override"><code>.btn-getInfo-Ok {
  color:white !important;
  margin: 0  auto !important;
  height:50px;
  bottom:0;
  position:absolute;
  width:50px;
  left: 0;
  right: 0;
}
</code></pre>

<p>The button appears perfectly on chrome, but when I run it on Safari, the button doesn't appear until I resize the window. I also noticed that if I remove </p>

<pre><code>bottom:0
</code></pre>

<p>from the btn-getInfo-Ok class, the issue doesn't happen on either browsers.</p>

<p>Please help</p>

<p>I have tried $('window').resize() which doesn't work either</p>