<img>标签内的<a>标签仅在IE中有效</a>

Question

I'm trying to make a logo image, which should work as a hyperlink and redirect the user to the Home Page when clicked.

<a class="fleft block" href="../../Pages/HomePage.aspx">
    <img class="logo" src="../../Images/logo.gif" alt="Logo" /></a>

This code works fine in IE, it behaves as expected. However the image is not clickable in FireFox, Chrome, Opera and Safari.

Any ideas why? Thanks, Anton

EDIT: Alright guys, thanks for the answers. I've removed my css classes (float: left and display: block) and now it's working

Answer 1

Do you float the link ? if you do so it will not encapsulate the entire image. if this is the case, you might want to give your link a widht and height in css.

.fleft.block{
  width: "your image width";
  height: "your image height";
}

Answer 2

Your code is working fine. If you want to change the cursor over image, try this in your CSS;

.logo{
  cursor: pointer;
}