I’m up at 6am and working till midnight almost seven days a week. During this time I’m constantly doing research on everything from code to products such as apple. I had just recently bought an iMac 17inch which I thought was pretty cool and cheap at $1200. The other day I was doing a little research and found people talking about rumors about Apple launching a new iMac. They were talking about aluminum case, glass screen, and new keyboard among many of other features. So what did I do? I returned that iMac 17inch on the 29th day for a full refund and ordered a brand new 20inch for the same price. Nice huh. So all I’m saying is it pays to be in the know, constantly educating yourself in every aspect.

Those dotted lines you see or don’t see are technically called a “selection rectangle” and the reason they exists is in order to help the user. The dotted rectangle appears when the active text or image link has (focus). The dotted rectangle area remains as long as the focus is set on the link. For the most part the rectangle pretty much stays on the screen even if focus is moved from link to link such as tabbed navigation. In my opinion is looks funky when you have this clean design and every time you click, up pops this sweet dotted rectangle box. Well here is my solution.

Solution:
a:active { outline:none; }

Example Selection Rectangle: