Question

I’m new to css and having a problem with one of my menu items. The menu item jumps up and down when you roll over it which means there must be a pad or margin somewhere causing it. I removed different pads and margin but it still jumpy. Could someone please tell me what I am doing wrong?

Here is the code if you run your mouse over Practice Area’s and slowly move over “Employment Law” and “Civil Rights” you will see the menu/text jump.

Here: http://jsfiddle.net/v4qnU/1/

Answer 1

One of the selectors, #menu li:hover was too greedy. It was changing the height of the li elements causing the jumoing. I changed it to #menu > li:hover and there is no jumping in that menu now. I forked the fiddle to http://jsfiddle.net/ypJwz/