JavaScript: Skift baggrundsfarve

Jeg har følgende lille simple script:

<script language="JavaScript">
function mouseOver(elm) {
      elm.style.background-color="#ABABAB";
}

function mouseOut(elm) {
      elm.style.background-color="#ECECEC";
}
</script>

<table>
<tr>
<td style="background-color:#ECECEC;" onmouseover="mouseOver(this)" onmouseout="mouseOut(this)">Her er en tabel</td>
</tr>
</table>

Hvorfor bliver baggrundsfarven ikke skiftet når jeg kører musen hen på tabellen?