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;
}