<link
href='http://fonts.googleapis.com/css?family=Droid+Sans'
rel='stylesheet'
type='text/css'>

h1 { font-family: 'Droid Sans', arial, serif; }

Plurk This Post Buzz This Post Delicious Digg This Post Ping This Post Reddit Stumble This Post

The dotted lines that appear around links is an accessibility feature for people who can't use a mouse and are forced to use a keyboard to navigate. It works well when you use the tab key but it still shows when you are using a mouse.

If your working on government sites that need w3c compliance then I would not recommend removing this feature, otherwise use the CSS code below.

a {
      /* Mozilla */
	outline:none;
 
	/* IE */
	-moz-outline-style: none;
   }

You could get fancy and use the dotted line to your advantage. With CSS you can change the dotted line type to solid or change its colour to suit the design.

Good Luck!

Plurk This Post Buzz This Post Delicious Digg This Post Ping This Post Reddit Stumble This Post

IE6 does not recognize links when placed over an absolute positioned background .png image.The solution is simple. Simply add "position: relative" to you links.

Plurk This Post Buzz This Post Delicious Digg This Post Ping This Post Reddit Stumble This Post

The best way is using CSS (Cascading Style Sheets) by adding background colour for your form field with !important.

For example:

input {background-color: #FFF !important;}

Plurk This Post Buzz This Post Delicious Digg This Post Ping This Post Reddit Stumble This Post