/*
a.tip {
	position: relative;
	z-index:24;
}

a.tip span {
	display: none;
	position: absolute;
	top: 10px;
	left: 30px;
	width: 150px;
	padding: 10px;
	z-index: 25;
	background: #000;
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox * /
	-webkit-border-radius: 5px; /* this is just for Safari * /
	overflow: hidden;
}

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

a:hover.tip span {
	border: 1px #fff solid;
	display: block;
	text-align: justify;
}
*/

a.tip {
    position: relative; /*this is the key*/
    text-decoration: none;
    z-index: 24; 
}

a.tip:hover { 
	background-color: #000; /* ie fix */
	z-index: 25;
}

a.tip span{
	display: none;
}

a.tip:hover span{ /* the span will display just on :hover state */
    border: 1px solid #fff;
    background-color: #000; 
	color: #fff;
    display: block;
	left: 30px; 
	padding: 10px;
    position: absolute;
    text-align: justify;
    top: 10px; 
	width: 150px;
}