CSS popdown & others

style.css

@charset "utf-8";
/* CSS Document */

A:link {text-decoration: none; color: #FFFFFF; font-weight:bold;}
A:visited {text-decoration: none; color: #FFFFFF;}
A:active {text-decoration: none; color: #CCCCCC;}
A:hover {text-decoration: none; color: #CCCCCC;}

BODY {font-size: 10pt; font-family:"Times New Roman", Times, serif; background-image:url(../images/sunlight.jpeg); background-repeat:no-repeat; background-attachment:fixed;}

input 
{color: #ffffff; background-color:#999999; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 10pt; border:none;}
input:focus{color: #111111; background-color:#ffffff;}
input:hover{color: #111111; background-color:#ffffff;}

textarea 
{color: #ffffff; background-color:#999999; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 10pt; border:none;}
textarea:focus{color: #111111; background-color:#ffffff;}
textarea:hover{color: #111111; background-color:#ffffff;}


.solidbox
{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	background-color:#000000;
	color:#ffffff;
	text-align:left;
	text-decoration:none;
	border-radius:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
	padding:15px;
}




.popdown
{
    position:relative; /*this is the key*/
    z-index:0;
}
.popdown:hover{text-decoration:none;}	
.popdown span{display: none; text-decoration:none;}
.popdown:hover span
{
	opacity:1.0;
	display:block;
	position:absolute;
	background-color:#000000;
	color:#ffffff;
	text-align:left;
	text-decoration:none;
	border-radius:5px;
	padding:10px;
	width:150px;
	left:0px;
	top:15px;
	z-index:0;
}