Отлаживаю html-верстку чужого проекта, созданную до появления Firefox 3. В коде часто встречаются ошибочные конструкции вида:
<a href="#">
<div>Hello, bugs!</div>
</a>
CSS я из примера изъял, но и без него подобный код в Firefox 3 даст результат, который вряд ли понравится заказчику. Клик по такой ссылке приводит к появлению двух точек в левом нижнем и левом верхнем углу (это легко проверить на пустом документе):
Иногда такие конструкции ошибочно применяются для создания кнопок из ссылок. Firefox 2 по умолчанию эту ошибку прощает — а Firefox 3 уже нет. Чтобы избежать этой ошибки, не нужно помещать
div внутрь тэга
a, нужно вместо этого присвоить свойство
display:block стилю самого тэга
a. Блочные элементы (div) внутри строковых (а) — невалидны.
Update: в этом вопросе
и сам Гугл не без греха (спасибо,
uratsakidogi)