div.info{
    position:relative; /*this is the key*/
    float: right;
    z-index:99;
    background: url(/planetlab/icons/tooltip.png) no-repeat;
    //background-color:#ccc;
    width: 16px;
    height: 16px;
    color:#000;
    text-decoration:none}

div.info:hover{
    z-index:25;
    //background-color:#ff0
}

div.info span{display: none}

div.info a {
        margin-left: 0;
        font-size: 100%;
        text-decoration: underline;
}

div.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1em;
    left:-27em;
    width: 27em;
    font-size: 8pt;
    border:1px solid #ccdddd;
    background-color:#ddeeee;
    color:#000;
    text-align: left;
    padding: 0em 0em 0em 1em;
}