Need help with CSS and HTML

Posted 12 July 2010 - 10:35 PM

Hello Everyone,

I have a three column footer at the bottom of my page. I have set the minimum height on the footer but when the content that I put in goes beyond that minimum height it is hidden. I have set the height to everything that I can possibly think of.

I do not want a scroll bar on the footer

The link to my page is www.michaeldmartiny.com/about.php

Also here is the CSS code for the footer section of my site

#footer {
	position: relative;
	clear:both;
	border-top:1px solid #ccc;
	background: #121212;
	min-height:150px;
	height:auto !important;
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	overflow: inherit;
}

#left_column {
	position: absolute;
	left:10px;
	top:50px;
	width:200px;
	margin-right: 35px;
	padding-right: 10px;
	border:1px solid #000;
	}

#mid_column {
	position: absolute;
	top: 50px;
	margin-left: 199px;
	margin-right:199px;voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 250px;
	margin-right:250px;
		}

#right_column {
	position: absolute;
	right:10px;
	top:50px;
	width:200px;
	border:1px solid #000;
}

#footer a {
	text-decoration:none;
	color: #fff;
}

#footer a:hover {
	text-decoration:underline;
}

#footer h2{
	font: 11px "Times New Roman", Times, serif;
	color: #FFF;
	text-align: center;
	display: block;
	margin-bottom: 1px;
}

This post has been edited by JackOfAllTrades: 13 July 2010 - 04:51 AM
Reason for edit:: Added code tags.