Aumentar imagem ao passar o mouse

Este script permite que uma imagem seja aumentada quando o usuário passa o mouse sobre ela (onMouseOver).

A imagem é apresenada com a metade de sua largura e altura e volta ao tamanho normal quando o mouse é retirado de cima dela (onMouseOut).

<html>
<head>
<script language="javascript">
<!--
function aumenta(obj){
    obj.height=obj.height*2;
	obj.width=obj.width*2;
}

function diminui(obj){
	obj.height=obj.height/2;
	obj.width=obj.width/2;
}
//-->
</script>

<title>Aumentar o tamanho de uma imagem ao passar o mouse</title>
</head>

<body>
<center>
<p><img src="http://www.codigofonte.com.br/img/logo.gif" width='258' height='45' alt="CodigoFonte.com.br" onMouseOver="aumenta(this)" onMouseOut="diminui(this)">
</center>
</body>
</html>

Nós queremos saber sua opinião aqui

gracielly disse:

coloquei o código em meu site mas quando passo o mause ,metade da imagem fica embaixo das outras divs então só aparece a metade o que eu faço?