body {
background-color:#c93;
margin-left:15%;
margin-right:15%;
font-family:Arial Black, Gadget, sans-serif;
}

form,.footer {
width:70%;
background-color:white;
padding: 10px;
border: 1px solid black;
font-family:"Trebuchet MS", Tahoma, Geneva, sans-serif;
}

input:text {
width:250px;
}

.right {
text-align:right;
}

a.info { 
    position:relative; /*this is the key*/
    z-index:1024;
	background-color:#ff0;
    color:#000;
}

a.info:hover{z-index:1025; background-color:#c93}

a.info span{display: none}

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