a href link on img

Hi I have the following code to have few links on top of img. It works well in FF but not in IE. It seems IE is not clickable if you put link on top of img

<div style="z-index:-6755;"&开发者_运维知识库gt;<img alt="October Offer" src="images/offers/october-offer.jpg" /></div>
<a href="javascript:void(0);" onclick="window.parent.SqueezeBox.close();" style="text-decoration: none; width: 147px; height: 32px; position: inherit; bottom: 32px; left: 50px; border: 1px solid red; display: block;" target="_parent"> </a> 

<a href="#" onclick="window.parent.SqueezeBox.close();">
<div style="display:block; width: 185px; height: 32px; position: relative; bottom: 50px; left: 260px;border:1px solid blue; ">&nbsp;</div>
</a>

are you just trying to make the image clickable?

you can't have <href> that's not a correct html tag.

either place <img> inside <a> like so: <a href="http://www.example.com/"><img /></a>

another way is to set a div with a background image of your image and then a link inside there, make the link display : block and make it the entire width and height of the div and the whole thing will be clickable.

You can add an on-click function to img-tag. Example: <img src="images/logo.png" alt="logo" onclick="home()">

and then redirect it to a page.

function home(){ location.replace("/index.html") }