Image positioning

Hello,

I have another question, this time about positioning multiple images on one horizontal line above a slider in my main index template. The 5 images represent 5 selection knobs.

I added the images using the following lines:

<a href="http://verbruci.nl/?page_id=169"><img src="http://verbruci.nl/wp-content/uploads/2012/02/SKNOP1.png" style="padding:0 0 0 0;" > </a>
<a href="http://verbruci.nl/?page_id=165"><img src="http://verbruci.nl/wp-content/uploads/2012/02/SKNOP2.png" style="padding:0 0 0 0;" > </a>
<a href="http://verbruci.nl/?page_id=171"><img src="http://verbruci.nl/wp-content/uploads/2012/02/SKNOP3.png" style="padding:0 0 0 0;" > </a>
<a href="http://verbruci.nl/?page_id=284"><img src="http://verbruci.nl/wp-content/uploads/2012/02/SKNOP4.png" style="padding:0 0 0 0;" > </a>
<a href="http://verbruci.nl/?page_id=286"><img src="http://verbruci.nl/wp-content/uploads/2012/02/SKNOP5.png" style="padding:0 0 0 0;" > </a>
<?php if (function_exists("easing_slider")){ easing_slider(); }; ?>

[Please post code or markup snippets between backticks or use the code button.]

The result is visible on my site: http://www.verbruci.nl

Somehow, the 2 knobs on the left are freestyling and moves themselves 1 pixel to the left. The gap between the 2nd and 3th knob is 4 pixels instead op 3 like the others and you can see that the left 2 knobs are one pixel off compared to the other attributes on screen.

How can I move the 2 knobs on the left 1 pixel to the right? The padding option only makes things worse. And why is there a 3 pixel gap between each knob en 9 pixels below anyway? As far as I know, there is no line which commands that.

Thanks for the help!