Hi, I have been trying to implement many different tooltips on this page for my client, he's adamant that we have a picture of the product show up when you hover over the product name in the order page. I decided to use the super simple CSS tooltip, it's very easy to implement and does exactly what we want. It works on a dynamic page, the others I tried didn't.

I have made an example here: CSS tooltip in table example.

This page used to be displayed using divs, I have since changed it to a table, as it's tabular data and easier to work with. It worked fine when it used divs, now it's in a table, it won't display the span on hover.

My questions are:

1. Why is it not working?

2. How can I make it work?

3. If not, does anyone know another super easy to implement tooltip that can work properly on a dynamic page?

Here's the DIV tooltip for reference: DIV display tooltip.

Edit: Just noticed it kinda half works in IE8.

Thanks.