I am currently working on a site where i have implemented a three state menu, as explained in one of the excellent screencasts on this site. However, one thing that really bugs me is the -9999px text-indent in the css. In Firefox this displays as a dotted line that continues to the left, when you activate the menubar.
Is there anyway around this? Is there a way to toggle the dotted box around activated links in FF, or is there some css-trick I haven’t figured out yet?
link to test site: