The confusing cursor:hand declaration

How to make make an cursor as a hand on elements is something that been confusing me for a while. Now I have understood what I've been doing wrong. Cursor:hand is not a valid CSS declaration but only a own invention from Microsoft. You should instead use the standardized declaration cursor:pointer. Cursor:pointer works in IE6 and IE7 but not in the older IE5 and IE5.5. If you have users with old Microsoft browsers you can use a dubble declaration.

element { cursor: pointer; cursor: hand; }

The order of the declarations is important, the modern browsers will ignore the last declaration. This can cause CSS validation errors so I think I will choose to leave the old IE versions to their destiny and only use cursor:pointer in the future.

Read more about cursor styles

By Jesper Lind