I have a *Safari only * Issue with using Absolute Positioning "tool tips" inside of Overflow:auto (Scrolling Division)
If you scroll to the bottom table row, and mouseOver the icon, the "tool tip" shows as if the table wasn't contained in a scrolling division. It shows where the table row would be - underneath the division. Here's the example link: http://www.finishingfirst.com/test/overflow.html Here's the relevant css *Division * div.refine { margin: 0 auto; border: 1px solid #dedede;width: 356px; background: #eeeeee; padding:4px; display:block; font-size:90%; overflow:hidden; } div.refine .choices { width: 100%; background: #fff; height: 125px; overflow: auto; color: #000; margin:0;padding: 0; }* Tool Tip* a.tooltipExpire{border-bottom:1px dashed green;text-decoration:none;float:right;} a:hover.tooltipExpire{text-decoration:none;padding:0;} a.tooltipExpire:hover span{display:block;width:129px !important;padding:.5em .4em .5em 1em;} a.tooltipExpire span{display:none;position:absolute;text-decoration:none;width:129px !important;color:#696969;background-color:#fff;border:1px solid #8da1b3;z-index:100;} Any help/suggestions/pointers to links would be appreciated. Thanks - -- Susan R. Grossman susan.rgross...@gmail.com ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
