Problema con Posicionamiento de capas

[mrgubu]

He conseguido posicionar correctamente todos los bloques principales de mi página (cabecera, menu izquierdo, cuerpo principal, menu derecho) con CSS, excepto el bloque final de abajo de la página, que se me resiste: siempre se me solapa con lo demás, haga lo que haga. Me explico:

1.Este es el <style> de la página:

Código:

  
.cabecera {width:710px}
.cuerpoprincipal {position:relative;
             width:710px;
	     top:5px}
.menuizq {position: absolute;
          width:152px}
.celdaprincipal {position:absolute;
            left:157 px; 
            right:145px}
.menudch {position: absolute;
           right:0px;
          width:140px}

2. Y esta es la alineación de bloques en el body:

Código:

  
<div class="cabecera">
<!--cabecera-->
</div>

<div class="cuerpoprincipal">

    <div class="menuizq">
    <!--menuizq-->
    </div>
 
  <div class="celdaprincipal">          
     <!--celda principal-->
  </div>
         
  <div class="menudch">
  <!--menudch-->
  </div>
  
</div>

--------------------------------------------
Bien, el problema viene cuando intento añadir un bloque final a la página, debajo del todo, o sea simplemente esto:

Código:

<div class="piedepag">
<!--#include file="piedepag.inc"-->
</div>

con esta propiedad:

Código:

  
.piedepag {width:710}

Bueno, abreviando, he probado cientos de veces a posicionar el bloque final (probando con absolute, relative, intentando anidarlo) y siempre se me solapa con el resto de los bloques.

Podéis ayudarme???????
Siento haberme extendido, pero creo que es un tema interesante y que puede servir de ejemplo para mucha gente que empieza con esto del CSS.

<a href="http://www27.brinkster.com/granadalinks/"><img border="0" src="http://www27.brinkster.com/granadalinks/ban468.gif" width="468" height="60"></a>