CSS - IE7 not recognizing link padding — OZONE Asylum, home of the Mad Scientists

This page's ID: 28803

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	I am running into an issue where a nagivation list that I have coded displays just fine in Firefox, IE6, and Opera. In IE7 it only displays the background image on hover for the top padding, it ignores the bottom padding. Here is the example: http://managedinternetpresence.com/clients/nestmann/ [b]Here is an example of the CSS[/b] [code] #nav { margin-top: 43px; text-align: center; } #nav ul { margin: 0; padding: 0; } #nav ul li { margin: 0; padding: 0; display: inline; height: 36px; } #nav ul li a { color: #FFFFFF; font-size: 14px; text-decoration: none; padding: 10px 9px 10px 9px; } #nav ul li a:hover { background:url(../images/tng_navBG-over.gif) repeat-x; } [/code] [b]And here is the XHTML[/b] [code] <div id="nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Bio</a></li> <li><a href="#">Appointments</a></li> <li><a href="#">Endorsements</a></li> <li><a href="#">Bookstore</a></li> <li><a href="#">Engagements</a></li> <li><a href="#">Services</a></li> </ul> </div> [/code] EDIT: I have tried applying height attributes to the A tag and the containing UL and DIV tags. This kills all of the padding. Any help is greatly appreciated. [small](Edited by [url=http://www.ozoneasylum.com/user/3629]ink_e[/url] on 01-08-2007 20:57)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post