Topic: CSS - IE7 not recognizing link padding (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=28803" title="Pages that link to Topic: CSS - IE7 not recognizing link padding (Page 1 of 1)" rel="nofollow" >Topic: CSS - IE7 not recognizing link padding <span class="small">(Page 1 of 1)</span>\

 
ink_e
Nervous Wreck (II) Inmate

From: Los Angeles
Insane since: Jun 2003

posted posted 01-08-2007 20:54

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/

Here is an example of the CSS

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;
}




And here is the XHTML

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>



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.

(Edited by ink_e on 01-08-2007 20:57)

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 01-08-2007 22:34

See if adding line-height will help

code:
#nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	height: 36px;
        line-height:36px;
}



Later,

C:\

(Edited by CPrompt on 01-08-2007 22:36)



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu