• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 203
  • Last Modified:

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
0
rivkamak
Asked:
rivkamak
2 Solutions
 
sivagnanam chandrakanthTechnical 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
 
LZ1Commented:
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
 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now