Hover function in js spills over
<p>I have set up my page so that when the user hovers over an image a text shows up and some bubbles. There are eleven images of fish and each one has its own text and bubble. I made sure that there is no overlap in the divs containing the fish, but when one hovers over a particular image the text of some of the other images show up too. This is too distracting since the user would want to see one text at  a time. How can I solve this issue? Here is the link to the page: <a href="http://arabic001.com/colors" rel="nofollow">http://arabic001.com/colors</a></p>
