image tool tip in overflow:auto div

[robert475]

Hi

I have a list of products in a div styled with overflow:auto. I also have the image of the product appear in a tooltip that sits within the same div.

All is well but when you get to the bottom of the list the image tooltip is hidden within the scroll box.

I tried applying the z-index property to it so it can overlap it but no joy.

Any ideas what can be done to fix it?

The link is here to the site Look under the Product Code column.


Many Thanks

[met]

can you change the position of the tooltips manually? that would be the easiest/quickest option.

my knowledge of z-index is pretty poor but i do know that you need to position the element before it'll work, there's a pretty good write up @ smashing magazine. may be of some use.

[Major Payne]

One of these may address your problem or give you an idea how to fix it. These are JavaScript Tooltips:

http://ashishware.com/Tooltip.shtml
http://www.dhtmlgoodies.com/scripts/...e-tooltip.html
http://www.dynamicdrive.com/dynamici...oontooltip.htm
http://willcode4beer.com/tips.jsp?set=bubbleTooltips
http://www.javascriptkit.com/script/.../tooltip.shtml
http://www.walterzorn.com/tooltip/extensions.htm
http://www.freejavascriptkit.com/fre...r_tooltip.html
http://www.dynamicdrive.com/dynamici...tmltooltip.htm
http://boxover.swazz.org/


HTHs,

[robert475]

Hi Everyone

Thanks for your help. I decided to go with another example and it does what i need it to do.

Here is the link should anyone need it:

tooltip

Thanks again guys for your help, really appreciate it

[Major Payne]

Nice. May play with those. Might load the images faster on mouseovers if you use an image pre-loader. Will try that when I get time.