Giuseppe Craparotta wrote:
> if you open
> http://www.giuseppecraparottacv.co.uk/work-web-tooltip.html with IE7
> or 6 and hover the first "let me tell you something more" link you
> realize immediately what's wrong. The CSS tooltip pops up below the
> boxes containing text. This of course doesn't happen in other
> browsers.
Of course not ... it is a genuine IE/win bug :-)
IE/win *can't* stack absolute positioned elements relative to anything
but other absolute positioned elements, and *can't* make absolute
positioned elements escape the stacking of the parent element.
If you add...
a.popup:hover {position: relative; z-index: 100;}
a.popup span {height: auto!important;}
li.odd, li.even {position: static;}
a.works {position: static; float: right; margin: -1.4em 10% 0 0;
display: inline;}
...after all other styles, you'll get the intended rendering in all
browsers. You can then change your original styles to reflect these
override styles.
BTW: If you also add...
html {font-size: 100%;}
...you'll also avoid the "em font-resizing bug in IE5 ‑ IE7"...
<http://www.gunlaug.no/contents/wd_additions_13.html>
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
