title: Inspecting Hover-state in Firebug or Chrome DevTools
body: <p>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 little, its annoying. </p>
  
  <p>I'd like to debug using FireBug or Chrome Dev Tools, but a common problem I've had with these tools is that after I select the element from Firebug/devtools I obviously need to move the mouse back to the dev tools and the hover state is no longer enabled.</p>
  
  <p>How do I inspect/debug an HTML element using these tools with the element in its hover state?</p>