How can I modify this style so that when you hover over a link, the white background fills out the ENTIRE background (the "box" between the red link borders) behind the <li> link? I don't get this because with the main .navlinks style, the background-color: #F3F3F3 DOES fill out the entire area ("box"), but the .navlinks a:hover background-color: #FFFFFF; only produces a TEXT background color and doesn't fill out the "box". I think I have to get a bit more granular and add another style to make this work correctly, but I don't know how to do it.

http://www.freedommd.com/CCHITnav.html

Thanks for any help.

J

Davis,

I assume you mean add display: block and width to the a:hover style, which I did (click the updated page link above) but that only gives me a white background extended to the right .navcell border, and still at the same line height as the text line height. And when I added a width (again, assuming to the a:hover style) it really screwed things up. (?)

Add the padding on the anchor and not the list item. Also, I would add display: block to the anchor, and not just a:hover