I am making a nav bar with an unordered list. I have added a 10 px red border under the entire list so it stretches across the entire page. But, I would like that border to touch the baseline of the text above it. Is this possible?
I figure I could put make the border out of a separate div tag and give it a top negative margin; but, I also want the portion of the border just under the list item to darken when a cursor is placed over it, indicating a link.
Is this possible using just CSS? I can only get the border to touch the descenders of the type, not the baseline.