[CSS] Zoek de fout...

[Rimsic]

Ik kom er maar niet uit.
Internet Explorer zit weer is tegen, zoals altijd.:evil:

Ik heb een aantal lijst elementen met achtergrond en hover effect. In Safari (mac) en firefox (Win) ziet het er goed uit alles netjes onder elkaar. Als ik het met IE bekijk, zie ik onder elke <li> element een extra witte ruimte. Ik weet niet meer hoe ik dit weg krijg.

CSS

ul { 
   	width: 500px; 
   	padding: 0; 
   	margin: 15px 0 0 0; 
   	border: solid 1px #CCC; 
   	list-style: none; } 

li a { 
   	display: block; 
   	padding: 2px 2px 2px 8px;
	margin: 0;
   	color: #333; 
   	text-decoration: none; 
   	background-color: #FFF; } 

a.grey { 
   	background-color: #F3F3F3; } 

a:hover { 
   	background-color: #B5D5FF ; }

HTML

	<ul> 
      	<li><a href="#">Test 1, 2, 3</a></li> 
      	<li><a href="#" class="grey">Test 1, 2, 3</a></li> 
      	<li><a href="#">Test 1, 2, 3</a></li> 
      	<li><a href="#" class="grey">Test 1, 2, 3</a></li> 
      	<li><a href="#">Test 1, 2, 3</a></li> 
      	<li><a href="#" class="grey">Test 1, 2, 3</a></li> 
	</ul>

BVD!

 

[peter vazed]

Zo:

<ul><li><a href="#">Test 1, 2, 3</a></li><li><a href="#" class="grey">Test 4 5 6</a></li><li><a href="#">Test 7 8 9</a></li><li><a href="#" class="grey">Test 10 11 12</a></li><li><a href="#">Test 13 14 15</a></li><li><a href="#" class="grey">Test 16 17 18</a></li></ul

 

[Rimsic]

nee dat is het niet.
Maar ik heb het het ondertussen al opgelost.
Ik had eerst ook de <a> binnen de <li> maar dat werkte niet. op de manier die ik wou. Nu werkt het wel...