.helpbutton {
    background: #ffffff;
    color: #009900;
    border: solid 1px #009900;
    padding: 1px;
    margin: 1px;
    font-size: 7pt;
    font-family: verdana, sans-serif;
    text-decoration: none;
}

.helpbox {
    position: absolute;
    visibility: hidden;
    background: #ffffcc;
    color: #000000;
    border: solid 2px #000000;
    width: 300px;
    padding: 7px;
}

.imageinfo {
    position: absolute;
    z-index:100;
    /*visibility: hidden;*/
    display:none;
    background: #ccccff;
    color: #000000;
    border: solid 1px #000066;
    width: 300px;
    padding: 3px;
}

a.info {
    position:relative; /*this is the key*/
    z-index:24;
    /*background-color:#ccc;*/
    color:#000;
    text-decoration:none
}

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

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#ccf; color:#000;
    text-align: center}