How to make simplest cross browser tooltip with CSS and JavaScript events?

Custom Style 1: This is first pre-set tool tip design. I like this color the most, its simple light orange color.

mouse over on me
I am inside the tool tip :). So simple; Isn't it?

Custom Style 2: This is the second pre-set tool tip design. Black & White.

mouse over on me
I am inside the tool tip :). So simple; Isn't it?

Images: An image in tooltip, you can have mutiple images as well, just use the html < img > tag.

mouse over on me
An image in tooltip

Videos: Yes! you can even show youtube or any other videos in this tooltip. Infact, you can use anything you like in it. Just put the html or simple text and it will be shown as same as you show on webpage. Another advantage of this tooltip is that it loads videos only on mouseover, so that means it dosen;t put extra load on web page when it gets loaded. Just see an example below (I'm sure you'll love it):

mouse over on me

Download the code here OR Just right clik on this page and select "view source".