Multiple backgrounds on hover - doesn't work
Hi.
I have the following css:
Code:
.blue:hover {
background-image: url(/files/bullet-blue.png), url(/files/small_img.jpg);
background-repeat:repeat-y, no-repeat;
background-position: top left, top right;
}
and html:
Code:
<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.
Forums
