Menu met Input erin!

Haai,
ik heb zoals wel vaker een vraagje over CSS:
ik heb een menu die werkt op <ul>'s en <li>'s. En als ik dat in IE test werkt het perfect! Maar als ik er een <label> om de link zet en in de link een radiobutton heb, dan komt er een vage witte ruimte in IE tussen de <li>'s


Zie hier:
CSS:

        label {
            cursor: pointer;
        }
		#linkmetinput ol
		{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		list-style-type: none
		}

		#linkmetinput li
		{
		margin: 0px 0px 0px 0px;
		}

		#linkmetinput a
		{
		display: block;
		color: #666666;
		background-color: #F1F1F1;
		border: 1px solid #F1F1F1;
		width: 195px;
		padding: 1px 2px 1px 2px;
		text-decoration: none;
		}

		#linkmetinput a:hover
		{
		border: 1px solid #55a1ff;
		background: #d3e5fa;
		color: #333333;
		}
		#linkmetinput img
		{
		border: 0px;
		}
		#linkmetinput input
		{
		margin: 0px;
		padding: 0px;
		}

HTML

<form>
	<DIV ID="linkmetinput">
		<OL>
			<LI><label for="rood"><A HREF="javascript:myFunction('rood')"><input id="rood" name="kleur" type="radio" value="rood"><img src="accept.png"></A></label></LI>
			<LI><label for="groen"><A HREF="javascript:myFunction('groen')"><input id="groen" name="kleur" type="radio" value="groen"><img src="add.png"></A></label></LI>
		</OL>
	</DIV>
</form>

ik heb al wat geprobeerd met margins enzo maar het word er niet beter van :S