[zzz]

<script>

function chang(obj){
	obj.style.color="red"
}
function hidechang(obj,style){
	obj.style.color="green"
}
function borderchang(obj){
	obj.style.border-color="red"
	}
function borderhide(obj){
	obj.style.border-color="green"
	}
</script>
<style>
.obj1{
text-align:left;
font-family:Verdana;
font-size:14px;
margin:15px;
}
.obj2{
text-align:right;
font-style:italic;
color:#aaaaaa
}
.obj3{
color:green;
}
.obj4{
	border:1px solid green;
	}
</style>
<div class=obj4 onMouseOver=borderchang(this) onMouseOut=borderhide(this)>
<center><h3 class=obj3 onMouseOver=chang(this) onMouseOut=hidechang(this)>xxx</h3></center>
</div>

Не работает код смена цвета рамки при наведении мышкой. Цвет смены заголовка работает.
Что делать?