Problème d'affichage

Bonjour, j'ai une erreur dans mon code que voici :

<div id='Page'>
   <div id='anonymous'>
      <img id='anonymousInner' src='./images/anonymous-image.jpg' alt="" />
   </div>
   <div id='titre'>
      <p style="line-height:0;text-align:left"><font face="Agency FB Gras"><span style="font-size:40pt;line-height:60px;"><i>titre</i></span></font></p>
   </div>
   <div id='Stock'>
      <p style="line-height:0;text-align:left"><font face="Agency FB Gras" color="#1a1a1a"><span style="font-size:36pt;line-height:54px;"><b><u>sous titre</u></b></span></font></p>
   </div>
<?php
while ($donnees = $reponse->fetch())
{
?>
  <div id='Text1'> 
      <p style="line-height:0;text-align:center"><font face="18thCentury" color="#ffffff"><span style="font-size:24pt;line-height:36px;"><b><i><?php echo $donnees['Serveur']; ?></i></b></span></font></p>
   </div>
   <div id='Ovale'>
      <div id='montant'>
         <p style="line-height:0;text-align:center"><font face="Arial"><span style="font-size:14pt;line-height:21px;"><b><i><?php echo $donnees['montant']; ?></i></b></span></font></p>
      </div>
      <div id='Img2'>
         <img id='Img2Inner' src='./images/icone.png' alt="" />
      </div>
   </div>

<?php
}

$reponse->closeCursor(); // Termine le traitement de la requête

?>
</div>

et voici le css :

p {margin:0px; padding:0px; line-height:100%}
.cLinkHidden {position:absolute; visibility:hidden; left:0px; top:0px; width:0px; height:0px; overflow:hidden;}
#Page {overflow:hidden;position:relative;width:960px;height:1000px;z-index:1;}
#anonymous {display:block;overflow:hidden;position:absolute;left:-3px;top:-1px;width:963px;height:460px;z-index:2;}
#anonymousInner {position: absolute;width:963px;height:460px;border:0px;}
#titre {display:block;position:absolute;left:176px;top:459px;width:693px;height:134px;z-index:3;}
#Stock {display:block;position:absolute;left:373px;top:566px;width:270px;height:68px;z-index:4;}
#Ovale {display:block;overflow:hidden;position:absolute;left:379px;top:663px;width:247px;height:53px;z-index:5;background:url('./images/index_Ovale.png');background-repeat:no-repeat;}
#montant {display:block;position:absolute;left:33px;top:16px;width:178px;height:24px;z-index:6;}
#Img2 {display:block;overflow:hidden;position:absolute;left:180px;top:11px;width:26px;height:28px;z-index:7;}
#Img2Inner {position: absolute;width:26px;height:28px;border:0px;}
#Text1 {display:block;position:absolute;left:353px;top:626px;width:301px;height:27px;z-index:8;}

Mon problème est que les 3 formes "ovales" se superposent, or je voudrais qu'elles soient l'une en dessous de l'autre et je n'ai aucune idée de comment modifier mon code ! Merci d'avance à vous