FireFox displays an ugly dotted border around links (all linked elements in fact):

You can easily prevent FireFox from displaying this border by adding the following CSS style sheet, or within the <style> tags on your page:

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

This should not prevent your CSS from validating according to W3C’s standards.

A List Apart published a great article in November 2003 by Patrick Griffiths and Dan Webb. The article demonstrates the code and techniques involved in creating lightweight, accessible, standards-compliant Suckerfish Dropdown Menus. The procedue outlined in the published article applies the :hover pseudo class to <li> elements in order to display an unordered […]