CSS3 PIE Forums
http://css3pie.com/forum/

Tooltip help
http://css3pie.com/forum/viewtopic.php?f=3&t=1739
Page 1 of 1

Author:  gsharp [ Fri Aug 03, 2012 7:48 am ]
Post subject:  Tooltip help

I am having trouble getting my tooltip to work on hover. When I do not have PIE applied, the tooltip and background show up at the right place. But when I apply PIE, the background gets rounded correctly but it moves way out of position. Here is my css:


.tooltip span {
margin-left: -999em;
position: absolute;
border-radius: 5px;
behavior: url(pie/PIE.htc);
}

.tooltip:hover {position:relative;}

.tooltip:hover span {
font-family: Calibri, Tahoma, Geneva, sans-serif;
position: absolute;
left: 1em;
top: 2em;
z-index: 99;
margin-left: 0;
width: 250px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/