Странная граница на tabIndex в элементе

В настоящее время я пытаюсь сделать некоторый контент для отображения / скрытия более доступным на большом сайте (более 30 000 страниц), и я обнаружил странную ошибку при добавлении tabindex, когда при нажатии на элемент управления, чтобы открыть скрытое содержимое.

Настройка с помощью тега p , который вы щелкаете, чтобы исчезнуть, в div , который показывает скрытое содержимое. Я вообще не могу изменять HTML, так как на сайте их тысячи , так что это то, с чем мне приходится работать. На данный момент, чтобы добавить tabindex, я делаю это динамически с помощью jQuery, добавляя постоянно увеличивающийся индекс табуляции к каждому тегу p .

Мое первое, что я хотел избавиться от этой странной границы, - это попробовать CSS:

#content div.showHide p.showHideTitle:focus, 
#content div.showHide p.showHideTitle::focus, 
#content div.showHide p.showHideTitle::-moz-focus-border {
    outline: 0px !important; border: 0px !important;
}

Это работает в Chrome и Safari, но в IE8 и Firefox 3. 6 У меня все еще появляется граница, когда я нажимаю на тег p . Есть предложения, как от этого избавиться?