...

View Full Version : IE won't pad unordered list



Crazydog
05-23-2007, 07:37 AM
I have a navigation section in my stylesheet:


#nav {
height: 110%;
width: 10em;
position:absolute;
border-right: thin dotted #000000;
}


Then this to clear the padding on the unordered list.


#nav ul{
padding: 0 0 0 0;
}


and list items


#nav li {
list-style: none;
height: 46px;
margin: 5px;
padding: 0 0 0 55px;
background: url("img/nav_button.gif") 0 center no-repeat;
line-height: 45px;
font-size:12px;
}


Using that setup, in firefox, the list appears justified to the left in #nav, but in IE, its in the center.

What should I do to work around this problem in IE?

_Aerospace_Eng_
05-23-2007, 07:53 AM
Specify top and left values for #navigation.

#nav {
height: 110%;
width: 10em;
position:absolute;
border-right: thin dotted #000000;
left:0;
top:0;
}
And to clear the padding on the list you can just do this, you should also remove the default margins. No need to specify each side to 0 if its all just 0.

#nav ul{
margin:0;
padding: 0;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum