pruebalo de esta manera, modifiqué un poco tu código, copialo y pegalo en un archivo nuevo para que veas bien el efecto de que si es lo que quieres:
Código css:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
*{margin:0; padding:0;}
html,body {
height:100%;/*alto cien por ciento*/
font-family : verdana, arial, helvetica, sans-serif;
font-size : 10px;
color:#666666;
background-color: #333333;
}
#sombracont{
width:770px; height:100%; margin:auto;
background-image:url(images/fondo.png); background-repeat:repeat-y;
}
#contenedor{/*editado*/
width:750px; margin:0 auto;
background-color:#FFFFFF;
border-left:#666666 solid 1px; border-right:#666666 solid 1px;
min-height: 100%;
height: auto!important;
height: 100%;
}
#cabecera{
width:100%; height:161px;
background-color:#000000;
}
#sombracab{
width:100%; height:8px;
background-image:url(images/sombracab.png); background-repeat:repeat-x;
}
#contenido{
width:100%; min-height:100%; height:auto!important;height:100%; position:relative;background-color:#FFFFFF;
}
#izquierda{
float:left; margin-left:5px;
width:175px; height:auto;
font-size:11px; border-right:#666666 solid 1px;
}
#derecha{
float:right;
width:150px; height:auto;
}
#centro{
margin:185px; margin-top:0;
width:380px; height:auto;
}
#pie{
width:750px; height:auto; margin:auto;
text-align:center;
background-color:#FFFFFF;
border-right:#666666 solid 1px;
position: absolute;
bottom: 0;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera"></div>
<div id="sombracab"></div>
<div id="contenedor">
<div id="izquierda"></div>
<div id="centro">
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br />
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br />
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br />
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br />
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br />
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br />
</div>
<div id="derecha"></div>
<div style="clear:both"></div>
<div id="pie">pie</div>
</div>
</div>
</body>
</html>
también prueba quitando todo el texto de contenido y verás que igual se queda abajo,avisas como te va
