Я часто испытываю желание отладить проблемы с макетом CSS, которые включают изменения DOM, вызванные Javascript в ответ на событие hover или другие правила CSS, применяемые из-за селектора: hover.

Обычно я использую Firebug, чтобы проверить элемент, который доставляет мне проблемы, и посмотреть, какими были его CSS-свойства и откуда эти свойства. Однако при наведении указателя мыши это становится невозможным, поскольку, как только вы перемещаете указатель мыши на панель Firebug, элементы, которые вас интересуют, больше не отображаются, применяемые правила CSS и (в случае JS зависает) DOM изменен.

Есть ли способ, которым я могу "заморозить"? состояние DOM и применение: hover для проверки DOM в том виде, в каком оно былоduring парящее событие?

Конечно, приветствуются любые другие идеи о том, как отладить проблему такого рода.