I've looked at a bunch of the css tooltip sites and the archives and I have a workaround for this problem, but perhaps someone has a suggestion on how to achieve what I really want...
=== CSS: /*shout out to http://mikezilla.html*/ a.popup span { display: none; } a:hover.popup span { display: block; position: fixed; margin: 0.25em; padding: 1em; top: 2em; right: 10em; width: 20em; z-index: 999; background: #ddd; font-size: 0.9em; color: black; border-width: medium; border-style: solid; border-top-color: #eee; border-left-color: #eee; border-right-color: #999; border-bottom-color: #999; } HTML: <a href="http://www.catb.org/~esr/jargon/html/H/hacker.html" class="popup">hacker<span>1. A person who enjoys exploring the details of programmable systems and how to stretch their capabilities, as opposed to most users, who prefer to learn only the minimum necessary. RFC1392, the Internet Users' Glossary, usefully amplifies this as: A person who delights in having an intimate understanding of the internal workings of a system, computers and computer networks in particular.</span></a> === Originally, I had position:relative on a.popup and position:absolute on a:hover.popup span, which worked OK except on Safari, where it was clipped to the width of the link text. Any ideas on how to avoid the clipping? Thanks! ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/