.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
}
body {overflow-x:hidden;}

div.s { 
background: #FFFF99;
color:#000000;
width:400px; 
text-align:center; 
border-left:3px double #000000; 
border-right:3px double #000000; 
border-top:3px double #000000;
border-bottom:3px double #000000;
z-index:20;
}


a.float {
text-decoration: none; /* definition for the link that will display the layer */
}
a.float:hover {
background: none; /* correction for an IE bug*/
}
a.float span { /* definition of <span> tag included in <a> */
display: none;
}
a.float{
position:relative; /*this is the key*/
z-index:24;
text-decoration:none}

a.float:hover{z-index:25;}

a.float span{display: none}

a.float:hover span{ /*the span will display just on :hover state*/
display: inline;
position: absolute;
top: 0; /* layer's place and dimension that you can change at will */
left: 20px;
width: 200px;
height: 100px;
text-align: center;}