css - Safari on Mac not updating / redrawing after hover effect -

i've got safari-specific problem hover effect: when user moves on circle, circle should appear on (offset).

this works, when user moves cursor off circles, parts of hover-circle still remain until browser redraws site (not sure if "redraw" right term) . can cmd+a select text, example. hover--leftovers disappear then.

i think example shows best: http://jsfiddle.net/l81h9hjr/3/

<div class="wrap">   <h1><a href="#"><span>reply<span>our services</span></span></a></h1> </div> 

the example works flawlessly in other browser tested, need mac safari (i tried 8.0.6).

this repaint/redraw issue safari / webkit (not sure why it's on safari , not chrome).

i worked around issue attaching jquery event hover element forced it's surrounding/parent elements redraw (in case, hide() , show(0)).

  $('.hover-element').on('mouseleave',function(){      $(this).parents(".containing-element").hide().show(0);    });

make sure use show(0) not show(), reason plain old show() doesn't fired without animation argument.