Remove the paddings, remove the margins, check if your images have any blanks or transparency in them around the borders. Make all your images "display:block;" If they are of different sizes, make their margins different. or set width and height of the main div containing the images and "margin:auto;" it.

Hope this helps.

try using this

whatever your class is {

position: relative;
top: xx px;
bottom: xx px;
left: xx px;
right: xx px;

}


basically just play around with this result until your image is align. Another option is to use the float property but I highly recommend you try position: relative; first.