Info panel or sort of tooltip with info

How do I create an info panel, similar to the attached one with CSS? So when a user hovers on a product, the info panel shows up and the user can click any information in the info panel.

An example is used on this site;http://www.shopstyle.co.uk/browse/bracelets

Thanks
P

This is normally done with JavaScript, but it can be done to some extent with CSS (though the boxes won’t stay open with CSS, but will only show on hover). Here are some examples:

http://www.pmob.co.uk/search-this/tooltip-basic.htm
http://www.pmob.co.uk/pob/disjointed1.htm
http://www.search-this.com/2008/02/13/disjointed-css/

Here are a few JS ones I know of:

http://pop.seaofclouds.com/
http://demo.tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/colortips.html
http://raena.net/trythis/citetooltips.html
http://www.walterzorn.de/tooltip/tooltip.htm

Thanks, I think this http://pop.seaofclouds.com/ will work, I just have to style the box and also use on mouseover to trigger
the box