Je débute : 2 jours de perdus pour une marge!

Bonjour,

Après quelques pages perso foireuses en l'an de grâce 1998, je replonge dedans, quelque peu admiratif par rapport à la souplesse des CSS etc. peu utilisées à l'époque...

Bref, allons à l'essentiel, je me casse le . depuis 2 jours sur un problème qui me dépasse !

Le problème n'est présent que sur les navigateurs interprétant correctement le code, FireFox et Safari par exemple :
Regardez par vous même, lorsque l'on passe de la page 1 à 2 il y a un décalage, et je n'arrive pas à isoler le problème, mon image est insérée de manière toute simple alors je ne vois pas ce qui perturbe !!

http://steph50.chez.com/1.html

Si quelqu'un pouvait me dire ce qui provoque ce décalage, il gagne un Raider's.

Voici ma css :

___________________________
@charset "utf-8";

body {
margin: 0px;
behavior:url("../hoverIE/csshover.htc" ); /* requis pour le menu (notament compatibilite < IE6) */
background-color: #E9E9E9;
text-align: center; /* utile pour compatibilite < IE6 : IE interprete mal cette propriete et s'en sert pour tout aligner */
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
}

.site {
width: 996px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
padding-bottom:5px;
text-align: left; /* utile pour compatibilite < IE6 : On retablit l'alignement normal du texte */
}

.topsitecontainer {
width:100%;
height:120px;
padding-top:5px;
padding-bottom:5px;
}

.redtopline {
width: 100%;
height: 20px;
background-color: #D3040A;
}

.bluetopline {
width: 100%;
height: 28px;
background-color: #006EB9;
}

.graytopline {
width: 100%;
height: 20px;
background-color: #626262;
line-height:20px; /*compatibilité IE*/
text-indent:4px;
}

.whereami {
font-size: 11px;
color: #FFFFFF;
}

.stdpadding {
padding-top:10px;
padding-left:10px;
padding-right:10px;
}

.rightaligned {
float:right;
padding-left:10px;
padding-bottom:10px;
}

.leftaligned {
float:left;
padding-right:10px;
padding-bottom:10px;
}

.clear {
clear: both;
}

/*.centered {
display: block;
margin-left: auto;
margin-right: auto
}*/

.picturecontainer {
/*display: block;*/
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
}

/*#contenu .photos {
text-align:center;
}

/*.picture_content {
padding-right:1px;
}*/

/*.centeraligned {
} */
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}

p {
font-size: 11px;
}

a.stdlinkstyle:link {
color: #006EB9; text-decoration: none;
}

a.stdlinkstyle:active {
color: #006EB9; text-decoration: none;
}

a.stdlinkstyle:visited {
color: #006EB9; text-decoration: none;
}

a.stdlinkstyle:hover {
color: #006EB9; text-decoration: underline;
}

a.whereami:link {
color: #FFFFFF; text-decoration: none;
}

a.whereami:active {
color: #FFFFFF; text-decoration: none;
}

a.whereami:visited {
color: #FFFFFF; text-decoration: none;
}

a.whereami:hover {
color: #FFFFFF; text-decoration: none;
}________________________________

Merci à+