I add some hacks so this plugin can work with IE6, and I think my code is simpler than @Sirus'
.pointyTip,.pointyTipShadow{
/* Setting a thick transparent border on a 0x0 div to create a triangle */
border:6px solid transparent;
_border:6px solid #123456; /*use a specific color for using chroma filter*/
bottom:-12px;
height:0;
left:50%;
margin-left:-6px;
position:absolute;
width:0;
font-size:0; /*empty tags have height in IE6, set font-size:0 to remove the height*/
_filter:chroma(color=#123456); /*chroma filter, #123456 changes to transparent*/
}
.pointyTipShadow{
/* The shadow tip is 1px larger, so it acts as a border to the tip */
border-width:7px;
bottom:-14px;
_bottom:-15px; /*fix the position in IE6*/
margin-left:-7px;
}
.colorTipContainer{
position:relative;
text-decoration:none !important;
_zoom:1; /*use this so .pointyTip,.pointyTipShadow{left:50%} works, but I don't know why, sigh~*/
}