cursor: hand; and cursor: pointer explanation – level 200

Even though FireFox is now losing ground to Internet Explorer, web developers must still ensure websites and web applications look good and function well in all the browsers potential customers may be using.  It is irresponsible to only test a web application in one browser when users may use the application for multiple browsers.

There are many special things one must do to ensure browser compatibility.  Using CSS is one of them, but even with a well-defined style sheet, browser differences can cause headaches.

In order to ensure that the mouse pointer is a hand over any given element, use:

   cursor: hand;
   cursor: pointer;

This will be effective in all the major browsers.  cursor: hand; works in IE, and without testing with another browser, one would not find this visual bug.  FireFox, for instance will only recognize cursor: pointer;  IE 6 will recognize cursor: pointer, but IE 5 won’t.  Using both declarations will ensure the proper look in all the major browsers.