J'ai avancé .. mais mon code est il bon ?

Bonjour,
De nouveau me voilà, j'ai fait évolué mon code HTML et CSS mais j'ai un prbolèm au niveau de mon menu ..
Mon menu est en fait une image sur laquelle j'ai trouvé un "code" pour y mettre du texte qui servent de lien ! Toutefois, en fonction du navigateur, mon texte n'est pas correctement placé ... comment faire ? Voici mon code , ou est le pb ? Merci d'avance.

Code HTML :

<div style="display: block;">
<p align="center"><img
src="/images/titre.bmp"
alt="titre"><img
src="/images/menu.jpg"
alt="Menu"></p>
<div style="text-align: center; color: rgb(235, 83, 19);"><big><big>Prestations</big></big></div>
<div style="text-align: center;"><img class="floatleft"
src="images/bande1-prestation.bmp"
alt="bande1">
<img class="floatright"
src="/images/bande2-prestation.bmp"
alt="Bande2">Nous vous proposons nos prestations [texte]<br>
...texte...<span style="font-weight: bold;">materiel
adapté</span> .... texte.....<br>
....texte....<span style="font-weight: bold;">un
choix quasi illimité de titres</span>,
...texte....;<br>
...texte... <span style="font-weight: bold;">la plus efficace
et la plus agréable</span>.<br>...texte...</div>
<p style="font-style: italic;"><big
style="font-family: Times New Roman;"><big>
" Il s'agit donc de vous .... "
</big></big><br>
</p>
<p></p>
<p></p>
<div style="text-align: right;"><small>Nom de la société</small></div>
<p></p>
<p><span style="position: absolute; top: 183px; left: 59px;">
<a style="text-decoration: none;"
href="http://nomdusite.free.fr/"><span
style="color: rgb(235, 83, 19);">Accueil</span></a>
</span><a style="text-decoration: none;"
href="http://nomdusite.free.fr/prestations.html"><span
style="position: absolute; top: 183px; left: 253px;"><span
style="color: rgb(235, 83, 19);">Prestations</span>
</span></a><a style="text-decoration: none;"
href="http://nomduite.free.fr/materiel.html"><span
style="position: absolute; top: 183px; left: 463px;"><span
style="color: rgb(235, 83, 19);">Matériel</span>
</span></a><span
style="position: absolute; top: 183px; left: 674px;"><a
style="text-decoration: none;"
href="http://nomdusite.free.fr/Photos.html"><span
style="color: rgb(235, 83, 19);">Photos</span></a>
</span><span
style="position: absolute; top: 182px; left: 864px;"><a
style="text-decoration: none;"
href="http://nomdusite.free.fr/Contact.html"><span
style="color: rgb(235, 83, 19);">Contact</span></a>
</span></p>
</div>
</body>

Code CSS

body{
background-color: #363636;
color: white;
font-size: small;
font-family: Century Gothic, Verdana, Trebuchet MS, Comic Sans MS, Georgia, serif;
text-align: center
}
.floatleft{
float: left;
display:inline;
padding: 2%;
margin-bottom: 10px;
margin-right: 0px;
width: 216px;
height: 45px;
}
.floatright{
float: right;
display:inline;
padding: 2%;
margin-bottom: 10px;
width: 216px;
height: 45px;
}
.span{
font-size : medium
font-family : Century Gothic, Verdana, Trebuchet MS, Comic Sans MS, Georgia, serif;
}