I’m making a menu with <ul>/<li> and CSS.
Here’s what I have so far: https://jsfiddle.net/gANfS/6/
The problem is that if you mouse over the top edge within the 5 pixel margin, it starts getting crazy and going back and forth between the hover and unhovered state because the size of the block grows and shrinks. How can I fix this? When I shrink the li, I don’t want to be shrinking the hover area. That would fix it, but I’m not sure how to pull it off. Ideas?
this is a hack job…but it will work
instead of
magin-top:5px;do
border-top:5px solid black;if you want your background to to be a different color, just make sure to set the border color to the same color.