When using this html:
Combined with this css:
<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?
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?