求解一个smarty，js和css的问题
我从数据库取出最新的10条记录，然后通过samrty显示在页面上，每条记录都是一个div，然后用js控制当 鼠标悬停在div上时该div的背景颜色改变，现在的显示结果 只有第一个div是ok的 ，当鼠标悬停在其他div上时，却是第一个div的背景色改变了，其他的没变，请问这种情况该怎么解决？
js
function mouseover(){
document.getelementbyid('diary').style.backgroundcolor =#c4c8cc;
}
function mouseout(){
document.getelementbyid('diary').style.backgroundcolor =#f4f5f7;
}
页面上就是一个smarty二维数组的显示
------解决方案--------------------
把html代码发上来啊。从你的描述来看，不会是所有的div都设置了相同的id属性值吧？