<ul> <li> positioning problem with IE7 and FF

korsakov
avatar
rank newbie

newbie


Posts: 9
Joined: 2008-07-08
Location: Durham, NC

Posted: Mon, 2008-07-21 17:42

I don't seem to be able to position a horizontal list in a DIV so that it displays the same way in IE7 and FF. IE7 creates a DIV container which is higher than the one shown with FF. Have I forgotten something? Thank you for your help!!

This is the DIV:
#navcontainer { This is the DIV

clear:both;
height:auto;
width:auto;
border-left-color: #CCC;
border-left-style: solid;
border-left-width: 2px;
border-right-color: #CCC;
border-right-style: solid;
border-right-width: 2px;
border-bottom-color: #CCC;
border-bottom-width: 2px;
border-bottom-style: solid;
border-top-color: #CCC;
border-top-width: 2px;
border-top-style: solid;
text-align: right;
}

#navlist li {
display: inline;
list-style: none;
list-style-type: none;
padding-left: 6px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 0px;
font-weight: bold;
border-left-color: #CCC;
border-left-width: 2px;
border-left-style: solid;
margin-top:0px;
margin-bottom:0px;
text-align: center;
}

thepineapplehead
thepineapplehead's picture
rank Moderator

Moderator


Posts: 9190
Joined: 2004-06-30
Location: Milton Keynes

korsakov wrote:Have I

Posted: Thu, 2008-07-24 10:15

korsakov wrote:
Have I forgotten something?

Yes, to post ALL your HTML and CSS Eye-wink

ANd your CSS could be written much more compact as:

#navcontainer {	
	clear:both;
        border: 2px solid #ccc;
	text-align: right;	
}

#navlist li {
	display: inline;
	list-style: none;
	list-style-type: none;
        padding: 0 3px 0 6px;	
	font-weight: bold;
	border-left: 2px solid #ccc;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

Learn of the skillful; for he that teaches himself has a fool for his master - Benjamin Franklin

korsakov
korsakov's picture
rank newbie

newbie


Posts: 9
Joined: 2008-07-08
Location: Durham, NC

Thanks...

Posted: Thu, 2008-07-24 16:00

.. for your kind help! Resolved.