New Tooltip Test

HTML

<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Electrolize%7CYanone+Kaffeesatz%3A700%7CCuprum%7CUnlock&#038;ver=3.4.2' type='text/css' media='all' />
<div class="wrap">
    <div id="a">
        <p>
            <span class="info"></span>
            <span class="bname">Button&nbsp;&nbsp;Name:
            </span>    Image Manager
            <span class="desc">Image manager for image storage and manipulation.  FRAN: I freaking LOVE this!!!
            </span>
        </p>
        <div id="b">
        </div>
    </div>
</div>

CSS

html {
background: -moz-linear-gradient(top, rgba(255,180,180,0.7) 0%, rgba(255,180,180,0.1) 35%, rgba(255,180,180,0) 40%);  /*FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,180,180,0.7)), color-stop(35%,rgba(255,180,180,0.1)), color-stop(40%,rgba(255,180,180,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,180,180,0.7) 0%,rgba(255,180,180,0.1) 35%,rgba(255,180,180,0) 40%); /* Chrome10+,Safari5.1+ */
}
.wrap{
padding:50px 20px 550px;
position:relative;
}
div#a{
background:
    -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.65) 75%, rgba(0,0,0,0.8) 100%),
    -moz-linear-gradient(-90deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0) 100%);  /*FF3.6+ */
/*background:
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.35)), color-stop(75%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.8))),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(51%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background:
    -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.65) 75%,rgba(0,0,0,0.8) 100%),
    -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
border-color:rgba(255,255,255,0.8) rgba(255,255,255,0.3);
border-style:solid;
border-width:1px 1px 0;
border-radius:10px;
box-shadow:
    0 0 15px rgba(255,255,255,0.25) inset,
    0 0 15px rgba(0,0,0,0.9);
display:block;
margin:0 auto;
padding:10px 15px 15px;
position:relative;
width:225px;
z-index:0;
}
#a p{
color:#fff;
display:inline;
font-family:"Yanone Kaffeesatz";
text-shadow: 1px 1px 0 #000;
}
#a p .info{
background:url("http://elblawg.com/dragdrop/images/tooltip-info.png") no-repeat 0...