Topic: CSS - IE7 not recognizing link padding Pages that link to <a href="https://ozoneasylum.com/backlink?for=28803" title="Pages that link to Topic: CSS - IE7 not recognizing link padding" rel="nofollow" >Topic: CSS - IE7 not recognizing link padding\
 
Author Thread
ink_e
Nervous Wreck (II) Inmate

From: Los Angeles
Insane since: Jun 2003

 IP logged posted posted 01-08-2007 20:54 Edit Quote

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

 IP logged posted posted 01-08-2007 22:34 Edit Quote

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:


« Backwards — Onwards »

Show Forum Drop Down Menu
Maximum Security
OZONE
DHTML/Javascript
Server-Side Scripting - Oh my!
CSS - DOM - XHTML - XML - XSL - XSLT
Stupid Basic HTML
Visual Therapy
Photoshop
Photoshop Pong, Anyone?
***WARNING*** BIG SIG APPROACHING
Photography
3D Modelling & Rendering
Multimedia/Animation
Print Graphics
Holding Pens
Philosophy and other Silliness
Outpatient Counseling
Site reviews!
Mad Scientists' Laboratory
Getting to know the Grail