如何用JS动态设置〈DIV〉里style的属性值？

<script>
function tablist(){
document.getElementById('tab1').style.background-color='black';
}
</script>

<tr>
<td width="40%" align="center">
<div id=tab1 style="cursor:hand;BACKGROUND-COLOR: #cccccc">aa</div></td>
<td id="td2" width="50%" align="center" bgcolor="#CCFF00"><a href="#" onClick="tablist();">bb</a></td>
</tr>
<tr>

IE总是报错，说缺少<div id=tab1...>这行缺少对象
如何解决呢？