IE6 horizontal list problem

[tomrshl]

Hi, my navigation bar is a horizontal unordered list and works just fine in Firefox and Safari it fits flush against the left inside of its div. However, in IE6 there is an extra white space before the list.

ul.nav, li.nav {
	display: inline;
	list-style: none;
	padding: 0px;
}

I can't figure out what bug this might be, any ideas?

Thanks

[Fisher]

That little snippet doesn't tell people much. I'm assuming you have anchor tags in the list and these or the list items are floated to the left. I'm also assuming you have some sort of padding on these floated items.

This is giving you the doubled-margin bug. You can solve it by adding display:inline to the anchors (or whatever is floated to the left).

Read about it here: double-margin bug

[tomrshl]

Thanks for the reply, here is the full stylesheet:

#innerframe	{
	width: 800px;
	height: 700px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 110px;
}

#navbar {
	color: white;
	background-color: black;
	font-family: "Helvetica", "Arial", sans-serif;
	text-decoration: none;
	font-style: italic;
	text-transform: uppercase;
	font-size: 12px;
	height: 12px;
	padding-bottom: 0px;
}

#main {
	margin-top: 12px;
	background-color: white;
	height: 500px;
	width: 800px;
}

a.nav, a.nav:visited {
	color: white;
	font-family: "Helvetica", "Arial", sans-serif;
	text-decoration: none;
	font-style: italic;
	text-transform: uppercase;
	font-size: 12px;
}

a.nav:hover {
	color: black;
	font-family: "Helvetica", "Arial", sans-serif;
	text-decoration: none;
	font-style: italic;
	text-transform: uppercase;
	font-size: 12px;
}

ul.nav, li.nav {
	display: inline;
	list-style: none;
	padding: 0px;
} 

li.nav:after, li.first:before {
	content: " / ";
}

I don't think it is te double margin bug, because I can see any margins or left floating elements that would affect it. Where would I need to put {diplay: inline}?

[abduraooft]

Thanks for the reply, here is the full stylesheet:

Still insufficient to reproduce the issue at our end :-(

Please post your entire code(HTML+CSS) of that document, or a link to your page would be much better.

[tomrshl]

Thanks for trying to help me out, the site is http://tom-marshall.com/kill/

This is a comparison pic:

[abduraooft]

Have a try by adding

*{
margin:0;
padding:0;
}

into your CSS.

[tomrshl]

That little snippet worked great, thanks a lot.