Hand cursor over a link not showed in IE but it is in FireFox

Question

I have a link within a div:

<div>
   <a href="#"></a> 
</div>

This div make's a box, like a button, and when i mouseover it in Internet Explorer 8 works fine showing the hand cursor, but in firefox doesn't. Can some body help me.

Thanks.

Answer 1

Title and description of your question are contradictory. I'm guessing you've encountered IE bug:

a {zoom:1; cursor:pointer;}

If you have any other elements in <a>, apply above rule to them.

You might also want to set a {display:block}.

Answer 2

If I understand your problem correctly, the simplest fix to the problem would be to specify that the div cursor your CSS file:

div_button_id {
   cursor: pointer;
}

See: http://www.w3schools.com/CSS/pr_class_cursor.asp

Answer 3

What CSS are you using? The following should work both for IE8 and Firefox:

cursor: pointer;

More details here.

Answer 4

The hand cursor is shown for the a element, which is of zero size here. Try to resize the a element to a suitable size, maybe with:

<div>
  <a href="#" style="height: 100%; width: 100%;"></a>
</div>