html: positionner images (extensible)

bonjour, premier post, que d'émotion  
bon alors j'ai un problème de html: quand je reduit la fenêtre ça fout le bazard dans la position de mes images   alors que pour les autres ça marche )
le problème se situe la dedans:

<center> <span style='position:absolute;left:0px;top:200px'><div class="barremenu"><IMG SRC="img/barre.gif" alt="barre menu" width="100%"></div></span></center>
<span style='position:absolute;right:0px;top:210px'><A HREF="contact.php" title="contacter le restaurant"><IMG SRC="img/e-mail.png" alt="email" width="25%"></A></span>
<span style='position:absolute; left:220px;top:210px'><A HREF="index.php" title="revenir à la page d'accueil"><IMG SRC="img/home.png" alt="home" width="30%"></a></span>
<span style='position:absolute;left:330px;top:210px'><A HREF="photo.php" title="voir les photos"><IMG SRC="img/mesimages.png" alt="mes images" width="30%"></a></span>
<span style='position:absolute;left:420px;top:210px'><A HREF="menu.php" title="voir les menus"><IMG SRC="img/menu.png" alt="mes images" width="30%"></a></span>
<span style='position:absolute;left:500px;top:210px'><A HREF="livre.php" title="voir le livre d'or"><IMG SRC="img/livre.gif" alt="mes images" width="30%"></a></span>



mon css est:
html,body{
background-color:black;
background-attachment:fixed;
margin: auto;
color : white;
}



si quelqu'un pourrait me donner un coup de pouce, ça serais sympa, car je galère trop avec  
d'avance, merci