#column-1 {
	position: absolute;
	float: left;
	width: 100%; /* remember to set a width */
}

.overlay{
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #000;
	opacity: 0.65;
	-moz-opacity: 0.65; /* older Gecko-based browsers */
	filter:alpha(opacity=65); /* For IE6&7 */
	height: 22px;
}

#column-1 .content {
	width: 460px;
	/*padding: 20px;*/
	height: 0px;
}
.overlaycontent {
	position: relative;
	font-family: "Lucida Grande", "Helvetica Neue";
	font-size: 16px;
	color: #FFFFFF;
	padding-top: 0px;
}
.digsmatetext {
	font-family: "Lucida Grande", "Helvetica Neue";
	font-weight: bold;
	color: #C15A15;
	font-size: 16px;
}
.whitetext {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	font-family: "Lucida Grande", "Helvetica Neue";
}

/* Lets use the * html hack so only IE6 reads the rule */
* html #column-1 .overlay {
  height: expression(document.getElementById("column-1").offsetHeight);
}