Images not aligned in chrome but fine in IE and FF. Any suggestions?

On our new website http://www.ajonit.com/, we see that images on the home page are aligned properly in IE and FF whereas the look way off the mark in Chrome.

Any suggestions to rectify this?

 

It looks like chrome adds some extra padding or something.

Try to reset margins and padding or use some more rows for the table instead of one.

You can also try to use div elements instead of table.

 

What you should do to prevent problems with a homepage like this is just makes one image with hotspots, or 5 smaller images for each link stacked on top of each other.

 

goliveira1990 is right, i think it's the best solution as well.

 

Don't use tables at all.

Use a CSS grid for that container.

 

Thanks goliveira1990. I see that hot spots needs coordinates. Will they behave properly in all screen resolutions?