jquery hover problem
<p>My page is <a href="http://jsfiddle.net/f6gw7/" rel="nofollow">HERE</a>.</p>

<p>Two problems.
1. When I do mouseover and mouseout, it will be doing the animation several times. (same as mouseover() and mouseout()). How can I do the animition immediately. When I mouseover it will appear, when I mouseout it will disappear, no more repeat. Also, it seems good with a little lag with this. I tried setTimeout but failed. It was successfully appear late but still repeat.</p>

<p>2.How can I make the triangle div "arrow" in center. It is in center on my laptop. But it isn't fit other screen size. How to modify it to fit all kinds of screen.</p>

<p>Many thanks!</p>
