Margin problem in list using Firefox 1

[harrymossman]

I am trying to use a <li> for a navigation list (because it is a list). I have eliminated the bullets. Now I want to eliminate the space that they would have taken. The following looks fine in IE but not in Firefox.

<ul>
<li class="none left0"><a href="about_us.htm">About Us</a></li>
<li class="none left0"><a href="jobs.htm">Employment</a></li>
etc.
</ul>

left0 is as follows in the style sheet

.left0 {margin-left: 0em;}

 

[dkdude]

You need to style your ul - never mind the li:

<ul style="list-style-type:none;margin-left:0">

;-)

 

[Vragabond]

Actually, different browsers use different methods to create the indentation. Best way to do it is to cover all options:

ul#navigation, ul#navigation li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

 

[harrymossman]

Thanks to both of you! Vragabond's solution worked great. I couldn't get dkduke's to work in FF but maybe I messed something up.