a.info{
        position:relative;           /*this is the key*/
        z-index:24;
        background-color:#fff;    /* background colour of display text */
        color:#021b9c;               /* colour of display text */
        text-decoration:none;
        font-style:normal;
        font-size: .8em;
}

        a.info:hover {
        z-index:25;
        color:#406182;

}

        a.info span{
        display: none;  /* hide the span text using this css */
}

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;
        left: 3em;
        width:15em;
        padding: .2em;
        border:1px solid #000; /* border colour */
        background-color:#fff; /* background colour here */
        color:#000000;         /* text colour */
        text-align: left;
        font-size: 1.2em;
        font-style:normal;
        z-index:30;
 }