Как устранить мертвую зону на кнопке с относительным положением? (HTML / CSS)
Недавно я заметил проблему со стилизованными тегами и , которая возникает с блоком отображения или встроенным блоком, некоторым количеством отступов и положением. относительно регулировки положения, когда: активно, например
a { display: inline-block; padding: 3px 6px; background: #aff; }
a:active { position: relative; top: 1px; left: 1px; }
Проблема заключается в невидимой рамке размером 1 пиксель вокруг текста, где щелчок не регистрируется браузером или JavaScript, однако анимация все равно появляется. Это происходит (по крайней мере) в Firefox и Chrome в Windows.
Вот рабочий пример: http://dl.dropbox.com/u/1186571/Test.htm
Я также пробовал использовать поле вместо position: relative; , а также пытался установить .active с javascript вместо использования : active .
Для ясности: я говорю о мертвой зоне внутри ссылки (синий прямоугольник в моем примере), но за пределами ограничивающей рамки текст. Вот изображение с областью, о которой я говорю, выделенной темно-синим цветом: