I am having troubles with the vertical positioning of the text in a navigation menu that I have created. It is not centered vertically, and when I try to change the margin, the background image moves with it. Can someone take a look at this and see where I am going wrong? I have looked at it for too long, and I am not seeing where the problem is.
You can see the problem here. http://www.mplsfarmersmarket.com/beta/navbar/ #nav { float: left; width: 100%; height: 35px; margin: 0; padding: 0 0 0 40px; list-style: none; background: url(../images/navBg.png) repeat-x bottom left; } #nav li { float: left; padding: 0; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 100%; } #nav a { float: left; margin: 0 0 3px 0; padding: 4px 8px; height: 27px; color: white; font-weight: bold; text-decoration: none; border-bottom: none; } #nav a:hover { background: url(../images/navBgOver.png) #666366 repeat-x bottom left; } body#home #home a { background: url(../images/navBgOver.png) #666366 repeat-x bottom left; } __________________________________________________ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/