a.tip {
	position: relative;
	text-decoration: none;
}

a.tip span {
	text-decoration: none;
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	width: 125px;
	padding: 5px;
	z-index: 100;
	border: 1px solid #336;
  	background-color: #f7f7ee;
  	font: normal 1.0em/1.2em arial, helvetica, sans-serif;
  	text-align: left;
  	color: #000;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}