Probleme affichage entre deux pages de même structure

Bonjour à tous,
J'observe un probleme d'affichage entre ma page "accueil.php" et ma page "lecon.php" alors que ces deux pages ont la même structure...
Je vous joins le code des deux pages et du css.
PAGE ACCUEIL:

<div id="haut">
	<h1>Les news sur Objectif SVT</h1>
</div>

<div id="contenu">
	<div id="texte">
		<?php
		mysql_connect("***", "****", "****");
		mysql_select_db("objectifsvt");
		// On récupère les 5 dernières news
		$retour = mysql_query('SELECT * FROM news ORDER BY id DESC LIMIT 0, 5');
		while ($donnees = mysql_fetch_array($retour))

{
		?>

	<div class="news">
        <div class="titre">
        ::.. <?php echo $donnees['titre']; ?>
		</div>
        
		<div class="ecrit_par">
		par <em><?php echo $donnees['pseudo'] ?></em> le <?php echo date('d/m/Y \à H\hi', $donnees['timestamp']); ?>
		</div>
                
        <div class="contenu_news">
		<?php
        //On enlève les éventuels antislash PUIS on crée les entrées en HTML (<br />)
        $contenu = nl2br(stripslashes($donnees['contenu']));
        echo $contenu;
        ?>
        </div>
	</div><br />

<?php
}  // Fin de la boucle des news
?>

	  </div>
	  <ul id="boutons_section">
	<li><a href="index.php?p=liste_news"><img src="images/bouton_liste_news.jpg" alt="espace webmestre" /></a></li>
	<li><a href="index.php?p=archives"><img src="images/bouton_archives.jpg" alt="lisez les archives" /></a></li>
	<li><a href="index.php?p=rediger_news"><img src="images/bouton_rediger.jpg" alt="espace réservé" /></a></li>
	  </ul>
	 
	<div id="proposer_news">
	<h3>Proposez vos propres news !</h3>
	<p>Vous avez envie de proposer une news ? Pas de souci : rédigez votre article en y incluant les éventuelles photos ou images et proposez-le au webmestre !<br />
	Cet article doit concerner les SVT et dois être rédigé dans un langage correct au format word ou en texte simple mais en joignant les documents d'illustration. Si vous utilisez des images ou des photos, n'oubliez d'inscrire le nom de l'auteur et l'origine du document pour garantir les droits d'auteur.<br />
	Une fois envoyé, votre article sera validé (ou non...) par le webmestre.<br />
	Alors, à vos claviers !</p>
	<a href="mailto:ratdelabo57@free.fr"><img src="images/bouton_proposer_news.jpg" alt="Proposez un article !" /></a>
	  </div>
	  </div>

PAGE LECONS

<div id="haut">
	  <h1>Les leçons de l'année</h1>
</div>

<div id="contenu">
	<div id="texte">
	<p>Vous cherchez matière à travailler ?
	Vous êtes enseignant, élève de collège ou de lycée ?</p>
	<p><b>Objectif SVT</b>, c'est le soutien scolaire. Notre mission est avant tout de vous aidez à suivre le programme annuel, sans prendre de retard.<br /><br />
	Vous avez accès, depuis cette page, aux plans de cours et aux fiches d'activités détaillées. Une correction est donnée de façon à vous faire comprendre la logique scientifique des notions développées au cours des séances que vous avez manquées.<br />
	Faites votre choix: Enseignant, Collège ou Lycée. Nous sommes également présents pour répondre à vos questions en cas de doute ou d'incompréhension.<br /><br />
	Bon courage à toutes et à tous !<br /><br /><br />
	<i>Cordialement, le WEBMASTER</i>.</p>
	<ul id="boutons_section">
	<li><a href="index.php?p=lecons_enseignant"><img src="images/bouton_enseignant.jpg" alt="espace enseignants" /></a></li>
	<li><a href="index.php?p=lecons_college"><img src="images/bouton_college.jpg" alt="espace collègien(ne)" /></a></li>
	<li><a href="index.php?p=lecons_lycee"><img src="images/bouton_lycee.jpg" alt="espace lycéen(ne)" /></a></li>
	</ul>
	</div>

 </div>

CSS:

* { 
margin: 0; 
padding: 0; 
}

img{
border:none;
}

a{
text-decoration:none;
color:#000000;
}

a:hover{
color:#61911f;
text-decoration:overline underline;
}

/*LE STYLE DE TOUTES LES PAGES*/

body {
font-family: "Times new roman", Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background:#caebb9;
}

#conteneur {
position: absolute;
width: 800px;
left: 50%;
margin-left: -400px;
border-left:2px outset #166304;
border-right:2px outset #166304;
}

#header {
height: 148px;
background:url(images/header.gif);
}

#menu {
height: 31px;
background:url(images/menu.jpg);
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
padding-top:7px;
}

.menuhaut li {
display: inline;
}

.accueil{
padding-left:88px;
}
.livre_or{
padding-left:64px;
}
.lecons{
padding-left:80px;
}
.forum{
padding-left:100px;
}

#gauche {
position: absolute;
left:0;
width: 162px;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
background-image:url(images/gestclasse.gif);
height:380px;
text-align:center;
}

.menugauche li{
padding-top:53px;
}

.pub {
list-style-type: none;
margin: 0;
padding:0;
height:310px;
background:url(images/pub.gif);
}

.google{
padding-top:45px;
padding-left:22px;
}

#droite {
position: absolute;
right:0;
width: 224px;
}

.photo_jour {
list-style-type: none;
margin: 0;
padding:0;
height:192px;
background-image:url(images/photo_jour.gif);
}

.photo_jour img{
padding-top:35px;
padding-left:18px;
}

.site_mois {
list-style-type: none;
margin: 0;
padding:0;
height:185px;
background-image:url(images/site_mois.gif);
}

.site_mois img{
padding-top:31px;
padding-left:15px;
}

.compteur {
list-style-type: none;
margin: 0;
padding:0;
height:120px;
background-image:url(images/statistiques.gif);
}

.visite{
padding-top:45px;
padding-left:35px;
}
#centre {
background:url(images/bas.gif) bottom no-repeat ;
padding-bottom:14px;
width:400px;
margin-left:162px;
margin-right:224px;
}

#pied {
height:30px;
background-image:url(images/footer.gif);
}

#pied p{
font-size:0.8em;
text-align:center;
padding-top:9px;
font-weight:bold;
}

/*LE STYLE SUPPLEMENTAIRE DE LA PAGE ACCUEIL CONTENANT LES NEWZ*/
#contenu{
width:400px;
margin:auto;
background: url(images/milieu.gif) repeat-y;
text-align:justify;
}

.contenu_news{
padding-left:20px;
padding-right:20px;
font-size:0.9em;
}

.contenu_news img{
display:block;
margin:auto;
border:3px inset #caebb9;
}

#haut{
margin:auto;
width:400px;
height:82px;
background: url(images/haut.gif) no-repeat;
}

#haut h1{
padding-top:60px;
padding-left:25px;
font-size:0.9em;
}

.titre{
width:374px;
margin:auto;
height:19px;
background:url(images/fond_titre_news.jpg) repeat-x;
font-family:verdana;
font-size:0.8em;
font-weight:bold;
color:#1c8e01;
}

.ecrit_par{
width:374px;
margin:auto;
color:#024583;
text-align:right;
font-size:0.7em;
font-family:arial;
padding-bottom:10px;
}

#boutons_section{
width:374px;
margin:auto;
text-align:center;
padding-bottom:10px;
}

#boutons_section li{
display:inline;
}

#proposer_news{
padding-left:20px;
padding-right:20px;
font-size:0.9em;
}

#proposer_news img{
display:block;
margin:auto;
}

#proposer_news h3{
font-size:1.2em;
color:#1c8e01;
text-align:center;
}

/*STYLE SECTION LECONS*/
#texte{
padding-top:0;
}

L'adresse de mon site: OBJECTIF SVT
Modifié par ratdelabo (10 Mar 2006 - 08:00)