[css-d] Safari Issue with using Absolute Positioning span inside of Overflow:auto (Scrolling Division)

2009-08-07 Thread Susan Grossman 
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: #ee; 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/

Re: [css-d] Safari Issue with using Absolute Positioning span inside of Overflow:auto (Scrolling Division)

2009-08-07 Thread divya manian 
Hi Susan

On Fri, Aug 7, 2009 at 7:41 AM, Susan Grossmansusan.rgross...@gmail.com wrote:
 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.


Seems like it must be how different browsers deal with
position:absolute which does not have the top, left defined. You might
try defining top, left for the span after specifying
position:relative on the containing a (a.tooltipExpire)

- divya
http://nimbupani.com/blog
__
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/