Inspecting Hover-state in Firebug or Chrome DevTools

Question

I\'ve got an HTML element that has a CSS hover-state. There\'s a bug with the margin or padding on hover and every time I mouseover, the contents of the element slide a lit

Answer 1

Chrome Dev Tools has a built-in :hover state selector in the Elements > Styles panel. You can toggle other pseudo-classes (like :active) there as well.