Problème d'image de fond d'écran

Webmuster · html mioche

Bonjour
Suivant le navigateur et même la taille d'écran (peut-être même la résolution), je constate:
- des différences de police de menu en page d'accueil.
- une répétition de mon image de fond, soit en largeur, soit en hauteur (plein écran).
- l'incompatibilité de mon lecteur Mp3, en page "mes chansons", avec Mozilla.
Pourriez-vous aller jeter votre oeil expert sur mon site ?

Voici le code de ma feuille de style:

body {
background-image: url('photoindex.jpg');
font-family: verdana;
font-size: 10pt;
font-color: white;
margin: 0px;
padding: 0px;
}

body a {
font-family: verdana;
font-size:10pt;
color: white;
text-decoration: none;
}

a:hover {
color: magenta;
text-decoration: none;
}

#menu {
width: 100%;
text-align: center;
padding-top: 1px;
padding-bottom: 2px;
padding-left: 1%;
}

#menu dl {
padding: 3px;
margin-left: 1px;
margin-right: 1px;
float: left;
}

#menu a {
font-size: 14pt;
font-family: van dijk;
color: #000044;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
text-decoration: none;
border: 1px outset white;
}

#menu a:hover { border: 1px inset white;
color: magenta;
}

table {
float: left;
color: white;
width: 100%;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

table a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: white;
text-decoration: none;
}

a:hover {
color: magenta;
text-decoration: none;
}

Et le code me page d'accueil:

<html>
<head>
<title>Serge Berthet , auteur compositeur</title>
<meta name="description" content="Découvrez l'univers musical de SERGE BERTHET, auteur-compositeur">
<meta name="keywords" content="recherche,artiste,auteur,compositeur,interprète,musique,chansons,chanteur,musicien,spectacles,concerts,paroles,textes,compositions">
<meta name="robots" content="index">
<meta name="REVISIT-AFTER" content="7 days">
<meta http-equiv="Content-Language" content="fr">
<meta name="verify-v1" content="bJbZO0pvmIVc/JDPUOxy2kKGGJDvY66VeizMoYj827k=" />
<meta http-equiv="Pragma" content="no-cache">
<link rel="stylesheet" type="text/css" href="accueil.css">
</head>
<body>
 
<div id="menu">
<dl><a href="index.htm">Accueil</a></dl>
<dl><a href="chansons.htm">Mes Chansons</a></dl>
<dl><a href="textes.htm">Mes Textes</a></dl>
<dl><a href="interpretes.htm">Mes Interprètes</a></dl>
<dl><a href="liens.htm">Mes Liens</a></dl>
<dl><a href="photos.htm">Mes Photos</a></dl>
<dl><a href="contact.htm">Contacts</a></dl>
</div>
<table>
<tr>
<td style="width: 80%; border-right: 1px inset white; vertical-align: top; padding-top: 15px;">


<img src="1.gif" width="10px" height="10px"> NOM : BERTHET 
<img src="1.gif" width="10px" height="10px"> PRENOM : Serge 
<img src="1.gif" width="10px" height="10px"> ETAT : Auteur Compositeur 
<img src="1.gif" width="10px" height="10px"> HISTORIQUE : auteur et compositeur depuis de nombreuses années, j'ai à mon actif une quarantaine de chansons ( musique et textes ). J'ai longtemps écrit pour moi-même, mais au fil des rencontres, l'idée de partager mon écriture avec d'autres s'est imposée. Adhérant à la Sacem, je me suis investi dans la création de cet espace afin de promouvoir le fruit de mes inspirations. 
<img src="1.gif" width="10px" height="10px"> INFLUENCES : mon univers se ballade essentiellement entre Pop, Rock et Chanson Française. Tout me touche: un rythme, une mélodie, une atmosphère, une voix, un texte ou simplement l'énergie d'une chanson. 
<img src="1.gif" width="10px" height="10px"> OBJECTIF: n'ayant pas d'expérience de la scène, mon travail s'oriente surtout vers la collaboration avec des interprètes qui, pour leur part, n'écrivent pas ou peu. 
Vous êtes interprète, vous avez un projet concret et recherchez un collaborateur sérieux... Parcourez mes oeuvres et n'hésitez pas à me contacter. 
<img src="1.gif" width="10px" height="10px"> Lors de votre visite, découvrez quelques photos fixant des instants qui ont émaillé mon parcours artistique. 
<img src="1.gif" width="10px" height="10px"> Je laisse également à votre disposition, quelques liens utiles ou affectifs. 

</td>
<td style="text-align: center; width: 20%; border-right: 1px ridge white; vertical-align: top; padding-top: 15px;">
<center>
<a href="artistes.htm">Les Sites d'Artistes</a>

Ajoutez ce lien à votre site <a href="ajoutez.liens.txt">
<img src="logo-sergeb.jpg" width="120" height="60" border="0" alt="Ajoutez ce lien à votre site">
</a> 
Chers visiteurs ... votre avis m'intéresse :
<a href="contact.htm">EXPRIMEZ-VOUS</a>
 

<img src="photo-2.jpg" width="100" height="75">
</center>
</td>
</tr>
</table>
 
<hr width="50%">
<center><a href="http://www.myspace.com/sergeberthet">http://www.myspace.com/sergeberthet</a> - <a href="http://perso.orange.fr/entrez-les-artistes">http://perso.orange.fr/entrez-les-artistes</a> 
Tous droits réservés</center> 
</body>
</html>

Si vous constatez d'autre incohérences, vos remarques seront les bien venues.
J'ai également essayé de décaler mon menu par rapport au haut de page avec #menu{ top: 250;}
mais en vain.
Merci d'avance.

Amicalement

Webmuster · html mioche

Je viens de me rendre compte que c'était une ligne <hr> qui au lieu d'être en bas de page, restait à droite du menu et forçait l'image de fond à se dédoubler.
Pour le lecteur, j'avoue que le Flash est encore chinois pour moi. Que faut-il transférer sur mon serveur à part les modifications de code ?
Pour mon menu, je lui est assigné une margin-top, et voilà.

Encore merci, BlopOfMel