How to setup a CSS image menu with mouseover actions

[Akemi]

Hey Guys, I'm tryng to do a menu for my blog, with images, using onmouseover, but never works. can someone help me?

This is my code:

div.menu1 { background-image: url('LINK'); width: 0px; height: 0px;}
div.menu1:hover { background-image: url('LINK'); width: 0; height: 0px;}

div.menu2 { background-image: url('LINK'); width: 0px; height: 0px;}
div.menu2:hover { background-image: url('LINK'); width: 0px; height: 0px;}

div.menu3 { background-image: url('LINK'); width: 0px; height: 0px;}
div.menu3:hover { background-image: url('LINK'); width: 0px; height: 0px;}

================================================== =======

<div class="menu1"><a href="LINK.php"></a></div><br>
<div class="menu2"><a href="LINK.php"></a></div><bR>
<div class="menu3"><a href="LINK.php"></a></div><br>

[RamananKalirajan]

Have a look over this link

Thanks and Regards
Ramanan Kalirajan