histoire de div

Mon site est construit sur 3 balise DIV principales representant des zone de ma page.
Une zone situé sur la gauche contient des liens qui affichent les page dans la zone (autre div) centrale

J'arive à faire afficher mes pages comme je veuix et ou je veux en faisant ainsi :

en fonction du lien cliquer, je fait un include(mapage.php), cette page contenant la balise div centrale dans laquelle le contenu varie selon la page  :

//appel de page
if ($_POST['lien'] == '1')
        {
            include ("lien1.php");
        }

//lien1.php
<DIV id="main">lien1</div>

Si je clique sur lien2 c'est le meme principe

La ou je rencontre un probleme, c'est qu'à chaque clique, le contenu de chaque page se superpose. Et je ne vois pas trop comment contourner ce probleme .

Donc si vous avez une idée, des conseil ...??? Je suis preneur.

A noter qu'en fait, j'essaie de retrouver à peu pres le meme systeme que les frame par les DIV et que j'me galere un peu.
Donc si vous avez des conseil la dessus aussi ...???

Merci pour votre aide

A savoir que ta méthode est une possibilité, c'est pour cela que je l'ai mise en "réponse acceptée"
Sache que tu peux faire autrement aussi :

tu fait un fichier header et un fichier footer.php qui contiennent le haut et le bas, et tu fait juste un

<?php
include "header.php";
             blablablablablablablablablabla
             vblablablablablablablablablablablabla
include "footer.php";
?>

[ Lien ], centre R&D de mes projets :)

par contre la je rencontre un autre soucis

Autant la navigation, me pose pas de probleme, par contre g des soucis avec l'affichage

Si le contenu de mon corps de page deborde, j'ai bien le scroll du navigateur, par contre la couleur de fond ne suis pas. Ce qui fait que tout ce qui deborde de la div a un fond blanc

Idem pour la div de mon menu sur la gauche

Voici le code CSS :

   #header {
    position: fixed;
    width: 100%;
    height: 15%;
    top: 0;
    right: 0;
    bottom: auto;
    left: 10em;
   }
   #sidebar {
    position: absolute;
    width: 10em;
    height: auto;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    background-color: #AD4F09;
   }
   #main {
    position: absolute;
    width: auto;
    height: auto;
    top: 15%;
    right: 0;
    bottom: 100px;
    left: 10em;
    background-color: #FFCB60;
   }

Vous avez une idée ?