el pie se me sube arriba

[ZeroZ]

hola, tengo los siguientes estilos:

Código HTML:

#Tabla_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:701px;
	height:758px;
}

#logo{
	position:relative;
	left:0px;
	top:0px;
	width:397px;
	height:61px;
}

#buscar {
	position:absolute;
	left:397px;
	top:0px;
	width:304px;
	height:61px;
}

#menusup {
	position:absolute;
	left:0px;
	top:61px;
	width:242px;
	height:235px;
}

#menusupder {
	position:absolute;
	left:491px;
	top:61px;
	width:210px;
	height:103px;
}

#titulo {
	position:absolute;
	left:0px;
	top:296px;
	width:242px;
	height:12px;
}

#menuleft {
	position:absolute;
	left:0px;
	top:311px;
	width:233px;
}

#content {
	position:absolute;
	float:left;
	left:233px;
	top:311px;
	width:468px;
}


#pie {
	position:relative;
	clear : both; 
	left:0px;
	width:701px;
	height:66px;
}

y la página es la siguiente:

Código HTML:

<div id="Tabla_01">
	<div id="logo">
		<img src="imagenes/index_01.jpg" width="397" height="61" alt="" />
	</div>
	<div id="buscar">
		<img src="imagenes/index_02.jpg" width="304" height="61" alt="" />
	</div>
	<div id="menusup">
		<img src="imagenes/index_03.jpg" width="242" height="235" alt="" />
	</div>
	<div id="menusupder">
		<img src="imagenes/index_05.jpg" width="210" height="103" alt="" />
	</div>
	<div id="titulo">
		<img src="imagenes/index_07.jpg" width="242" height="12" alt="" />
	</div>
	<div id="menuleft">
		<img src="imagenes/index_10.jpg" width="233" height="377" alt="" />
	</div>
	<div id="content">
	 contenido
	</div>
	<div id="pie">
		<img src="imagenes/index_13.jpg" width="701" height="66" alt="" />
	</div>
</div> 

El problema es que el pie se me queda arriba subido, he visto en otros mensajes que se puede arreglar con el clear : both; pero supongo que no lo hago bien. Que falla?