[Resolu] Problème pour afficher / masquer

Bonjour,
J'ai un problème que je n'arrive pas à résoudre sous Firefox.

J'ai simplement dans mon css, une serie d'id que je voudrais masquer dès le chargement de la page :

#1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #16, #17 {
display: none;
width: 370px;
height: 170px;
padding: 15px;
background-image: url(img/ipod/bulle.jpg);
}

Ensuite j'apelle via un évenement onmouseover ou onmouseout un javascript qui change la propriété de display :

<script type="text/javascript">
function show(cible)
    {
        if(document.getElementById)
            document.getElementById(cible).style.display = 'block';
        }
function kill(cible)
    {
        if(document.getElementById)
            document.getElementById(cible).style.display = 'none';
        }
</script>

Pour que mes div apparaissent et se masquent :
exmple :

<div id="1"><p>Un système audio compact et esthétique, intégrant une station d'accueil iPod Universal Dock, qui emplit l'espace d'un son riche dont la qualité comblera tous les mélomanes.</p></div>

sous safari je n'ai pas de problème mais sous firefox c'est la cata. tous mes id sont par defaut visible, et dépourvus de mon image de fond.

Je ne comprends pas d'ou ça peut venir, il me semble pas avoir fait quelquechose de travers

Bonne journée a vous
Modifié par supercanard (30 Jan 2007 - 12:55)

Bonjour,

Les valeurs d'identifiants id ne peuvent pas commencer par un chiffre. Remplacer par id="foo1", id="foo2", etc.

ahhhhh c'était donc ça
J'avais bien un doute mais comme ça marchais sur certains navigateurs je me suis dit non ça doit pas être ça

Merci !!