Rodape nao acompanha o conteudo

Ola galera,

Meu rodape nao esta acompanhado o conteudo,

como vcs podem ver o layout do meu site é esse:

/applications/core/interface/imageproxy/imageproxy.php?img=http://sulfranca.com.br/site.jpg&key=0184e5d97b5512b7974fd3859fbc9da88610ab1250d536331a254a9bf2c6e68e" alt="site.jpg" />

O codigo do html( nao levem em consideracao o php)

tente entender o layout.

include_once("header.php");?>

	<div id="meio">
<?php
 include_once("menulateral.php");
?>

 <div id="nav">

<?php
include("nav/menu/home.php");

 ?>

 </div> <!-- nav -->

 <?php
 include_once("footer.php");
?>

	</div><!-- meio -->

</div><!-- all --> css

/ pricipais div /
* {

margin: 0;
padding: 0;
}

body{

background-image: url(../images/listra.png);
background-color:#000;
}
#all{
width:930px;
height: 100%;
min-height: 100%;
margin-left:auto;
margin-right:auto;
margin-bottom: 0;
padding: 0;
position: relative;
}

#header{
width:930px;

height:256px
}

#meio{
	width:930px;
	margin-bottom: 0;

}

/ Fim pricipais div /

/ header /

#logo{
vertical-align:top;
background-image:url(../images/topo.jpg);
}
#menu{
width:700px;
height:52px;
font:bold 16px Georgia, Times New Roman, Times, serif;
line-height:3em;
vertical-align:bottom;
text-align:center;
background-color:#000;
padding-left:115px;
padding-right:115px;
border-bottom:3px solid #999;
}

#menu ul {

padding:0px;
margin:0px;
float: left;
background-color:#000;
list-style:none;
}

#menu ul li { display: inline; }
#menu ul li a {

background-color:#000;
color: #999;
text-decoration: none;
border-bottom:3px solid #999;
padding: 2px 10px;
float:left;
}

#menu ul li a:hover {

background-color:#D6D6D6;
color: #000;
border-bottom:3px solid #810A1C;
}

/ FIM header /
/ Meio /

#nav{
	width:700px;
	float:left;
	border-radius:20px;
	padding-bottom:20px;
	background-color:#FFF;
	vertical-align:top;
	mini-height: 100%;
}
.titulo{
font-family:Comic Sans, Comic Sans MS, cursive;
font-size:22px;
color: #FFF;
background-color:#810A1C;
height:30px;
border-top-left-radius:20px;
border-top-right-radius:20px;
width: 700px;
float:left;
}

.titulo img{

padding-left: 40px;
}
.conteudo{
	width:700px;
	float:left;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;

}

#menu_lateral {
width: 200px;
padding: 0 0 0 0;
margin-bottom: 1em;
font-size: 14px;
font-weight: normal;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #333;
float:right;
top: 0;
}

#menu_lateral ul {

list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menu_lateral li {

border-bottom: 1px solid #FFF;
margin: 0;
width: auto;
}

#menu_lateral li a {

display: block;
padding: 3px 0px 3px 0.5em;
border-left: 5px solid #FFF;
background-color: #333;
color: #fff;
text-decoration: none;
width: auto;
}

#menu_lateral li a:hover {

border-left: 5px solid #810A1C;
background-color: #CCC;
color: #000;
}
.bt1 {
width : auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-align : left;
font-weight : bold;
color : #ffffff;
background-color : #810A1C;
padding-top : 3px;
padding-bottom : 4px;
padding-left : 4px;
border-left: 5px solid #FFF;
display : block;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.bt2 {
width : auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-align : left;
font-weight : bold;
color : #ffffff;
background-color : #810A1C;
padding-top : 3px;
padding-bottom : 4px;
padding-left : 4px;
border-left: 5px solid #FFF;
display : block;
}
.ht11 {
font-size : 10px;
font-weight: bold;
color : #000;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
.hw12 {
font-size : 14px;
font-weight : bold;
color : #ffffff;
font-family : verdana, arial, helvetica, sans-serif;
text-decoration : none;
}

.produtos{
padding-top:5px;
background-color:#FFF;
max-width:700px;
}
#footer {
width: 700px;
height:30px;
float:left;
margin-top:30px;
position:absolute;
bottom:0;
text-align:center;
color: #CCC;
font-size: 14px;
font-family:Helvetica;
clear:both;
}

#footer a {

color: #FFF;
font-weight:bold;
}

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px } o layout esta assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://sulfranca.com.br/layout.jpg&key=3d53f0fd0c9c3b703effd5553db05bbca1650456703acee0b4207fea15a83135" alt="layout.jpg" />

agradeco desde ja!