CSS bug ou c'est moi ?

Bonjour,

J'ai une fonction Javascript :
function ajout(elem) {
document.getElementById('choix').style.display='none';
}

Cette fonction est appelée lorsque je sélectionne une valeur dans un select :

<div id='choix' style="display: inline">
<tr><td colspan='2'>Ajouter des produits :</td><td><select name='nbelem' id='nbelem' onClick='ajout(this.value)'>
<option value='-1'>Aucun</option>
<option value='1'>1</option>
<option value='2'>2</option>
...
</select></td></tr></div>

Mon soucis est que la div est toujours visible et je n'arrive pas à comprendre d'où pourrait venir mon erreur.
Et mon autre gros soucis est que... Même avec un " style="visibility: hidden; display: none" ", ma div "choix" reste visible.
J'ai parcouru des sites pour masquer les div et j'en suis à RIEN et ça m'échappe, j'en ai d'autres qui fonctionnent très bien...
Merci à ceux qui pourront m'aider ou m'éclairer