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";
}