ul li bullets... How can I remove them in IE 6?

[vividdesigns]

Hello all!

I can't seem to get the bullets on my ul li list's to disapear. I'm using the display:block; which works perfect in Firefox, but not so well in IE.

the link is http://www.jeffrendek.com/ and the list is on the right hand side.

Any help would be greatly appreciated!

[simonpointer]

OK jeff.

Firstly I suggest you give your list an id to make it unique, so that you can then style it uniquely.

<ul id="navlist">
<li><a href="portfolio/index.html">View my portfolio</a></li>
<li><a href="resume/index.html">View my resume</a></li>
<li><a href="projects/index.html">Current Projects</a></li>
<li><a href="services/index.html">Services</a></li>
<li><a href="about/index.html">About</a></li>
<li><a href="contact/index.php">Contact</a></li>
</ul>

You do not need to declare display:block for either a ul or an li, as these are block level elements as they are.

All you need to remove the bullets is this

#navlist li {
list-style: none;
color:#000;
background:#333;
padding-left:2.5em;
padding-right:2.5em;
margin-bottom:.5em;
text-align:center;
font-weight:600;
font-size:14px;
font-variant:small-caps;
font-family:Georgia, Verdana, sans-serif;
}

I am not too sure why you have no bullets in FF though, as this should be the same. I am guessing that there may be some other layout issue, which is preventing the bullets from displaying in FF.

[lostseed]

That should work above I think, Ive never done it that way! Looks much nicer try this if it doesnt work:

list-style-type: none;

[vividdesigns]

OK jeff.
You do not need to declare display:block for either a ul or an li, as these are block level elements as they are.

All you need to remove the bullets is this

#navlist li {
list-style: none;
color:#000;
background:#333;
padding-left:2.5em;
padding-right:2.5em;
margin-bottom:.5em;
text-align:center;
font-weight:600;
font-size:14px;
font-variant:small-caps;
font-family:Georgia, Verdana, sans-serif;
}

Thanks for the info!! This did indeed work !