How can I see ":hover" and ":active" properties of elements on a webpage?

Click on the element inside the element inspector. Move your mouse over the element, press the up arrow key and then the down arrow key. You'll see the hover properties.

Both Firebug and the DOM Inspector extension for Firefox allow you to inspect :hover and :active state on arbitrary elements, as I recall.