I've been trying to duplicate Eric Meyer's Pure CSS Popup tutorial and apply it to my own site. Sorry there's no link, dev server is behind a firewall. Eric's tutorial is here: http://meyerweb.com/eric/css/edge/popups/demo.html I have a two column design with a div in the left column floated to the left. In the second column I have two more div's floated to the right. The illustration might help explain since I can't show the website. I've tried using similar code to Eric's without the absolute positioning and it worked in every browser except for IE6 (PC). Then I took the code directly from his example and stuffed it into my design and it didn't work in any browser. Can someone see the obvious that I'm missing? I've included the code that I reverted back to that I know works in every browswer except IE6. CSS: div#content { /* This is the content div for any page that get does not get right column */ float:right; position:relative; width:480px; border-left:1px #FFFFFF solid; margin:15px 10px 10px 10px; overflow:hidden; padding:0; z-index:2; } div#content.partner a { display:block; font:1em Arial, Helvetica, sans-serif; text-decoration:underline; color:#990000; border-bottom:1px #0099CC dotted; border-right:1px #0099CC dotted; border-top:0; border-left:0; } div#content.partner a:hover { color:#003366; } /*Hide the span tags embeded within a tags at first. Only show span element on hover*/ div#content.partner a span { display:none; } /*Show the span tag elements on hover*/ div#content.partner a:hover span.top { display:block; position:absolute; top:300px; left:250px; width:150px; margin:0px 0 5px 0; padding:0; background-color:rgb(235,226,149); color:#0099CC; font:.8em Arial, Helvetica, sans-serif; float:none;} HTML: <div id="content" class="partner"> <h1 class="print">PRIDE partner listings</h1> <a name="indiana"></a> <a class="embLinks maroon" href=" http://www.indianarmc.org/department_detail.asp?id=74"; target="partners" title="Click here to visit the Center for Diabetes Care at Indiana Regional Medical Centers website in a new browser window.">The Center for Diabetes Care at Indiana Regional Medical Center<!--create span with contact info --><span class="top">835 Hospital Road<br /> Indiana, PA 15701<br /> To schedule an appointment, call 724.357.7164</span></a> <img src="imgs/extLinkIcon.gif" alt="external link" width="11" height="14" border="0" align="bottom" /><br /> Luke Ling Web/Graphic Design
University of Pittsburgh Diabetes Institute Ross Building Office 4601 Baum Blvd, Suite 120 Pittsburgh, PA 15213 412.802.8542 DLR Building Office 3512 Fifth Ave., Rm 304 Pittsburgh, PA 15213 412.383.1287 http://diabetesinstitute.upmc.com <http://diabetesinstitute.upmc.com/>
______________________________________________________________________ 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/
