Demo Elegant Forum description on mouseover

Demo of the version 2.0 mod "SCANU's Elegant Forum description on mouseover [as Xenforo] " for vbulletin 4

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
<br /><center><div id="scanudesc"><a title="<div id='container'><div id='scanu'>Forum Description</div><span class='arrow'></span></div>" href="#">Forum Title</a></div> </center>

CSS

.arrow {
border-right: 5px solid black;
border-top: 5px solid transparent;
border-left: 1px none black;
border-bottom: 5px solid transparent;
position: absolute;
top: 7px;
line-height: 0px;
width: 0px;
height: 0px;
left: -5px;
filter:alpha(opacity=68);    
-moz-opacity:.68;   
opacity:.68;  
_display: none;
}  
#scanu { 
background:black;   
color:white;   
padding: 5px 10px;   
-moz-border-radius: 8px;   
-webkit-border-radius: 8px;   
filter:alpha(opacity=68);    
-moz-opacity:.68;   
opacity:.68;   
}
#container {
    position: relative;
    top: -10px;
    left: 10px;
    max-width: 300px;
}

JavaScript

$("#test a[title]").tooltip({  
position: 'center right',  
effect: 'slide'  
});