1 reply [Last post]
bob
Offline
newbie
Last seen: 16 years 30 weeks ago
Joined: 2004-03-31
Posts: 5
Points: 0

I have a div with a ul in it (will become navigation). There is a difference in the height of the div from IE to mozilla. I've added padding and margins set to 0 but there is still a difference in height.
Can someone take a look at the code or the page: http://ghpr.net/proof/index.html/ the style sheet is at http://ghpr.net/proof/default.css

thanks

Here's the code:

<div id="topbar">
	<ul>
	  <li>home</li>
	  <li>::</li>
	  <li> services</li>
	  <li>::</li>
	  <li>clients</li>
	</ul>
	</div>

css:

#topbar {
	background-color:#ACACAC;border-top:1px solid #F7F7F7;border-bottom:1px solid #000;
	height:33px; text-align:right;
}

#topbar ul {
	margin-top:6px;margin-right:10px;padding: 0;
}

#topbar li {
	font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:13px;color:#FFF;
	display:inline;letter-spacing:1px;list-style: none;margin: 0;padding: 0;
}

[/url]

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 6 days 18 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

height difference in div in IE vs. mozilla

Hi bob,
It could be the margin-bottom of the ul.
Try setting that to 0 #topbar ul {margin-bottom:0;}

Hope that helps