hey,

trying to put some logos on bottom of my page and want them in greyscale unless you scroll mouse on them then they look in normal colors

i come up with simple code but it just dont work, what I missed here?
THANKS

Code:
<html>
<head>
<title>:: OnMouseover – Sample Page ::</title>

<style type=”text/css”>

#logos
{
     background-image:url('fcb.jpg');

     height: 95px;
     width: 275px;
     display: block;
}

#logos:hover
{
    background-image:url('fcb1.jpg');
 
}
</style>

</head>

<body>

<div class="logos" ><img src="fcb.png" onmousemove="logos:hover" ></div>