Safari make content to jump when hover, works ok on other browsers

Vote count:

0

I'm trying to make this navigation bar to work without that jumpy effect on Safari. It works ok on all other browsers.

You can check the code here http://ift.tt/1FA43oH

<nav class="top-menu">
<div class="divider first ui-animation fade-in"></div>             
    <a href="#" class="product">
        <span class="hover">Link1</span>
        <span class="link ui-animation fade-in-down">Link1</span>
    </a>                   
<div class="divider ui-animation fade-in"></div>              
    <a href="#" class="product">
        <span class="hover">Link2</span>
        <span class="link ui-animation fade-in-down">Link2</span>
    </a>                    
<div class="divider ui-animation fade-in"></div>         
    <a href="#" class="product">
        <span class="hover">Link3</span>
        <span class="link ui-animation fade-in-down">Link3</span>
    </a>
<div class="divider ui-animation fade-in "></div>
    <a href="#" class="product">
        <span class="hover">Link4</span>
        <span class="link ui-animation fade-in-down">Link4</span>
    </a>
<div class="divider ui-animation fade-in "></div>
    <a href="#" class="product">
        <span class="hover">Link5</span>
        <span class="link ui-animation fade-in-down">Link5</span>
    </a>
<div class="divider last ui-animation fade-in"></div>
</nav>

Any suggestions?

Thanks in advance :)

asked 1 min ago

pato.barrientos

1

Safari make content to jump when hover, works ok on other browsers