Problem with li:hover

I have a problem with my menu. I am trying to make a hover a different color.
If I do a:hover, the background color is too small.
If I do li:hover, the color is too big.
Is there a middle ground, like using margin and padding?
If I add it to the :hover state, the item grows on hover instead of staying the same size and just making colors.
You can view it here:
http://ytcdenver.org/about-the-yeshiva
rivkamakAsked:
Who is Participating?
 
LZ1Connect With a Mentor Commented:
Try adjusting your height on the #nav ul li to 36px.  

Then(just as a helper) give your #nav ul li ul a property of top:32px
0
 
sivagnanam chandrakanthConnect With a Mentor Technical LeadCommented:
on li:hover you have background image, try adjusting its height
0
 
ahoffmannCommented:
you can use any positioning attributs like margin, padding width, length for pseudo elemnts like li:hover too
0
 
rivkamakAuthor Commented:
Now that I adjusted those setting, the submenu doesn't stay still. It's hard to get it to stay popped open when you hover over it . It jumps too fast.
0
All Courses

From novice to tech pro — start learning today.