Bonjour à tous

Je viens de me mettre au langage javascript et j'ai un petit probleme avec mon script . Ce script change la couleur de fond (CSS) d'un div au passage de la souris .Il y a un pb quelque part mais je ne le trouve pas ...

Javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script language="javascript1.4">
 
function montre(id) {
var d = document.getElementById(id);
 
if (d) {d.style.background-color='#74A1C4';}
}
 
function cache(id) {
var d = document.getElementById(id);
 
if(d) {d.style.background-color='#E4E7F2';}
 
}
 
</script>
Mon css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
.billet{
width:650px;
margin:20px; 
padding:5px;
border-bottom:1px solid #999;
 background-color: #E4E7F2;
border-left:1px solid #E4E7F2; 
border-right:1px solid #E4E7F2;
border-top:1px solid #E4E7F2;
}
et le HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<div class="billet" onMouseOver="javascript:montre('<?php echo $num //numero du div (1,2,3,4 ...) ?>')" 
id="<?php echo $num ?>" onMouseOut="javascript:montre()">
.... contenu
</div>
Merci pour vos réponses

PS: je sais que je peut le faire avec un :hover sur le div mais ça ne marchera pas sous IE