CSS outline неправильно отображается в Firefox

Я немного озадачен тем, как свойство CSS outline отображается в Firefox 7 или ниже. Очевидно, что где-то есть проблема, но я просто не могу ее найти.

Оно прекрасно работает во всех других основных браузерах (Opera, Chrome, IE, Safari).

Я добавил пару скриншотов для справки. Один из Firefox:

enter image description here

и другой из Chrome:

enter image description here

Вот CSS:

form#commentform input:focus { outline: 2px outset #717377 }

Вот XHTML:

<form id="commentform">
      <div>
         <label for="name">
            <strong>
            Nom
            <span id="sname"></span>
            </strong>
         </label>
         <input type="text" tabindex="1" id="name" name="name" class="textbox" />
      </div>
...
</form>

Как я могу это решить?

12
задан BoltClock 22 May 2014 в 03:25
поделиться