CSS Hover Tips

[posaune02]

I've run into a bug using Eric Meyer's pure css hover tip hack. His method uses a span (with the tip) enclosed in an anchor tag, where the span is initially set to display:none, and upon hover, is absolutely positioned.

In my case, I have a number of tables (calendars actually) in a containing div set to scroll so that only one calendar is visible at a time. Each calendar is accessed using bookmark anchors to scroll the div.

Certain days have associated hover tips, and everything works as planned when the containing div does not have an explicit height. However, once a height is set (which is needed to keep the div from expanding) the hover tips don't show in Netscape (only tested in 7.1). Everything is still fine in IE. Does anyone know of another hack, or a different way to approach the situation?

[vladmir]

workarounds for IE:
==
www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp
Pure CSS Popups Bug - IE Bug
==
quirksmode.org
IE 6 - Pure CSS Popups Bug
==
When "a span (with the tip) enclosed" is inside table it depends on sizes of cells - try to play with px or % or something else.
Try to set span as relatively positioned.