Showing Text On Mouseover - Title Element Inconsistent, Title Attribute Does Nothing

I'm trying to do something similar to this (display a bit of text when a user mouses over an element). Here's a snippet of the html my script generates:

Solution 1:

I did a quick test on a jsFiddle, seems to be working for me in Chrome?

http://jsfiddle.net/bnUDE/1/

Assuming you are looking for text to appear once the user hovers over the rectangle? In my case, Top, Middle and Bottom Box depending on the box.

Share