今天第一次用css3，出现的有关问题

今天第一次用css3，出现的问题
就是下面这个简单的CSS:
div{ 
padding:5px; 
height:300;
width:960px;
-webkit-columns: 300px 3;
text-overflow:ellipsis; 
overflow:hidden;
}


当<DIV>标签内为静态文本时，height/text-overflow/overflow这三个定义有效，多余文本确实被切断，且层的高度未变化。
但是，如果我通过JS为这个层动态加入文本时，以上三个定义失效，文本分三列向下延伸，直至将内容显示完毕。
请问这是为什么？是我的这个CSS有问题吗？
------解决方案--------------------
height的单位加个px就行了

div{ 
padding:5px; 
height:300px;
width:960px;
-webkit-columns: 300px 3;
text-overflow:ellipsis; 
overflow:hidden;
}