Multiple backgrounds on hover - doesn't work
I have the following css:
background-image: url(/files/bullet-blue.png), url(/files/small_img.jpg);
background-position: top left, top right;
<div id="right1" class="blue" onclick="location.href='http:mylink.com';">Content</div>
This will display two background images in each corner on hover - and it works fine in modern browsers, but nothing happens in IE6-8. So, I introduced PIE, but I can't make it work. What should the code look like with PIE included?
Any help is highly appreciated.