marginal under block

Får en störande marginal på en 10px eller nått under varje länk i IE, why?
I FF funkar det så klart finfint!

	#leftmeny {
		margin:0;		
		padding:0;		
		clear:both;
		background:#ff0000;
		width:158px;
		font-family:Verdana, Arial, sans-serif;
		font-size:11px;
	}
		#leftmeny ul {
			margin:0;
			padding:0;
			list-style:none;
		}
			#leftmeny ul li {
				
			}
				#leftmeny ul li a {
					display:block;
					padding:5px 5px 5px 5px;
					background:#c4c4c4;
					border-bottom: 1px dotted #000000;
					color:#000;
					text-decoration:none;
				}

<div id="leftmeny">
	<ul>
		<li><a href="info.asp"><img src="img/arrow_right.gif" border="0"> Länk1</a></li>
		<li><a href="info.asp"><img src="img/arrow_right.gif" border="0"> Länk2</a></li>
		<li><a href="info.asp"><img src="img/arrow_right.gif" border="0"> Länk3</a></li>
	</ul>
</div>

Lägg till:

#leftmeny ul li {
	display:inline;
}

Mm, det funkar ju så länge man har en width i divven, men det kan ju inte vara riktigt rätt att göra så. :q
För med inline så lägger ju sig elementen efter varran på samma rad ju!

Det är mellanslagen (radbrytningarna) mellan listelementen som gör det. Ifall du lägger listan på en rad så blir det snyggt.

Man bör inte ha block-element inuti inline-element. Men du kan göra så här:

#leftmeny ul li { display: block; float: left; width: 100%; clear: both; }

Guffa skrev:

Det är mellanslagen (radbrytningarna) mellan listelementen som gör det.

Ahaa, på så vis! :)