hi

i m using this code to show hover effect on my buttons.

But w3 validator shows error as
Code:
1) there is no attribute "onMouseOut"
2) there is no attribute "onMouseOver"

My code works fine. Here is my code. But how can i validate it.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
if(document.images)
{

p1 =  new Image();

p1.src = "pic1_hover.jpg";
}
</script>
</head>

<body>
<p>
<a href="aboutus.html" onMouseOut="a.src='pic1.jpg';" onMouseOver='a.src=p1.src;'><img src="pic1.jpg" name="a" alt="" border="0" /></a>
</p>
</body>
</html>
vineet