Modifying List with CSS ( Mozilla and IE issue)

**jmartinph** · 10:51 AM

I have a problem modifying the default indention of list items using CSS. I'm not complaining about Mozilla's way of rendering the list.... its the MS Internet Explorer who's giving me a headache. Viewing my site (http://juneym.dotgeek.org) using Internet Explorer 6.0 gives me a very ugly rendering of list. It causes my table to expand vertically because the list item is indented at almost 75px. In Mozilla, the indention is only about 5px. Any suggestion or comment? Browser incompatiblity really sucks

**TheX** · 05-24-2004, 11:31 AM

Use css;

Code:

ul {
width: auto;
height: auto;
margin: 0px 0px 20px 30px; /* top, right, bottom, left */
padding: 0px 0px 0px 0px;
}

ul li {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

If you're using an ID for your ul's make it as such:

Code:

#test ul {

}

#test ul li {

}