I have never seen this happen.

In IE 7 and IE 8 and FF 3 at work when I click the screen near my div at http://www.bjrtechnologies.com/gamma

I see dotted outlines of my div

At home FF does not do it but IE does

And my site www.mychemistrytutor.com is based off the same template but it does not occur there.

any ideas?

Comments

andregriffin’s picture

andregriffin commented

check a file called reset.css and remove a line that starts with :focus {

Your other site is based off an earlier version of framework, which should not have this file.

netentropy’s picture

netentropy commented

interesting i have never heard of this declaration, what is it for?

andregriffin’s picture

andregriffin commented

It is used for accessibility purposes. When you use the keyboard to tab around the site, the focus indicator lets you know what link is currently selected. The version of framework you are using contained a global :focus pseudo-class, which in some browsers will focus upon any element, not just links. This issue has since been fixed for later versions of Framework.

Did removing that css selector fix your problem?

netentropy’s picture

netentropy commented

well i am in the process of updating to the new version.

I am going to open a new thread with a suggestion or two.

andregriffin’s picture

andregriffin commented
Status: Active » Closed (fixed)
scrimmage’s picture

scrimmage commented

Hi Andre

Yes, that's done it for me - thanks.

I'm using parallels on a mac to check my site in IE so the dotted lines were driving me mad!

adam