a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	width:150px;
	left: -10px;
	padding: 5px;
	z-index: 100;
	background: #e9e9e9;
	line-height:20px;
	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;
}


a.tip2 {
	position: relative;
}

a.tip2 span {
	display: none;
	position: absolute;
	top: 20px;
	width:200px;
	left: -10px;
	padding: 5px;
	z-index: 100;
	background: #e9e9e9;
	line-height:20px;
	color: #000;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

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

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