hover på css divvar

hej :)
har sett en tråd om det tidigare men fick inte det att funka så nu frågar jag också :)
det är så att jag vill ha en hover på en css div och när jag kör med detta så funkar det inte i ie

#div1 {
width: 173px;
height: 176px;
margin: 0px 0px 0px 0px;
}
#div1:hover {
background-image:
url('hover.png')
}

så nu är min fråga hur löser jag det där i internet explorer :)

MVH Alioooop

med javascript eftersom IE inte hanterar hover på nånting annat än A-taggar
alternativet är ju annars att just lägga en a-tagg med samma storlek inne i din div

#div1 a{
display:block;
width:100%;
height: 176px; 
text-indent-9999px;
}
 
#div1 a:hover {
background-image:url('hover.png')
}

<div id="div1">
<a href="#">blööh</a>
</div>

okej ska testa mig fram :)

de funkade :D

Ett annat alternativ är att lägga in whatever:hover, http://www.xs4all.nl/~peterned/csshover.html.