Firebug: How to inspect elements changing with mouse movements?

Question

Sometimes I need to inspect elements that are only showing up on a page if you put mouse over some area. The problem is that if you start moving mouse towards firebug consol

Answer 1

For Javascript events such as Mouse over.

1. Open Firebug/Inspect an element.
2. Click on the element before the mouseover event, e.g. click on a div. It will turn blue to show it is selected.
3. Put your mouse over the element and don't move it from this point forward.
4. Use your ↑/↓ arrow keys to manoeuvre in Firebug.
5. Use your ←/→ arrow keys to expand/contract code with + or -.
6. Double tap Tab to get to the CSS pane.
7. Use the arrow keys to navigate. Use shift and arrow keys to select text. Ctrl & C to copy.
8. Hold Shift and double tap Tab to get back to the HTML pane.