CSS/HTML5 Footer Issue

[TylerB]

I have never had this problem in the past, for some odd reason my footer won't stay below content container. I can get it to stay below the wrapper, but whenever I add content the footer just stays put while the content goes over it. It is not fixed or anything like that. Here is my CSS:

#wrapper {
	width: 75%;
	margin: 0 auto;
        height: 100%;
	min-height: 100%;
        margin: 0 auto 25px;
}

footer {
	font-family: 'ABeeZee', sans-serif;
	height: 200px;
	margin-top: 15px;
	color: #fff;
	background-color: #333;
}

.footer_container {
	width: 75%;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content_container {
	width: 100%;
	height: auto;
	padding: 10px 0;
	position: relative;
	top: 80px;
	margin-bottom: 35px;
}

.content_left{
	width: 74%;
	text-align: left;
	min-height: 100%;
	color: #333;
	float: left;
	display: block;
}

.content_right {
	width: 25%;
	float: right;
	text-align: left;
	background-color: #333;
	min-height: 100%;
	color: #fff;
	padding: 5px;
	display: block;
}

I don't know what the problem is? I am quite experienced with CSS and this issue has never occurred. I've used this method many times as well.

[abduraooft]

Here is my CSS:

Some CSS without the HTML involved is totally useless to debug an issue like this. Can we have a link to your page?