Billeder på 2 linier - uden hvidt mellemrum mellem linierne!

Hej folks

Jeg har en menu i to linier som jeg ikke helt kan få til at passe. Endelig har jeg fået billederne til ikke at lave mellemrum mellem dem - nu er problemet at der er hvidt mellemrum mellem de to linier af billeder

hvordan undgår jeg det mellemrum?

CSS:

img {

margin: 0px;
padding: 0px;
border: 0px;
}

div.navigation {
width: 454px;
height: 54px;
vertical-align:top;
margin:auto;
float:left;
}

HTML:

<div class="navigation">
<img src="../css/dark/images/buttons/04.jpg"><img src="../css/dark/images/buttons/05.jpg"><img src="../css/dark/images/buttons/06.jpg"><img src="../css/dark/images/buttons/07.jpg"><img src="../css/dark/images/buttons/08.jpg"><img src="../css/dark/images/buttons/09.jpg"><img src="../css/dark/images/buttons/10.jpg"><!--Auto linieskift--><img src="../css/dark/images/buttons/12.jpg"><img src="../css/dark/images/buttons/13.jpg"><img src="../css/dark/images/buttons/14.jpg"><img src="../css/dark/images/buttons/15.jpg"><img src="../css/dark/images/buttons/16.jpg"><img src="../css/dark/images/buttons/17.jpg">
</div>


/Kenneth