Cursor pointer not showing when using an SVG image in Internet Explorer

admin

Administrator
Staff member
When using this html:

Code:
<a href="http://www.wikipedia.com">
    <object data="http://upload.wikimedia.org/wikipedia/en/4/4a/Commons-logo.svg" type="image/svg+xml">
        <img src="http://herdeirodocaos.files.wordpress.com/2007/11/wikipedia-logo.jpg" alt="Logo" />
    </object>
</a>

Combined with this css:

Code:
a {
    display: block;
}
object, img {
    width: 200px;
    height: 200px;
}

object:hover {
    cursor: pointer;
}

<a href="http://jsfiddle.net/nrWkf/2/" rel="nofollow">JsFiddle</a>

The cursor doesn't change to a pointer (hand) when the mouse is over the image in Internet Explorer <strong><em>only</em></strong>

Any idea?