Custom Gmail Signature

So, although this is not quite an Adobe Issue, I have simply not been able to find help elsewhere online!

I am attempting to create an Email Signature, which for those who already know is a nifty little business card style signage or personal email template style design that can be saved to your gmail account so that when you send emails it automatically sends your pre-saved "signature" at the footer of your email (generally at the footer)

Anyhow! I am using the latest Adobe Illustrator, I have saved all my slices and uploaded them as png's.. Long story short, gmail by default adds some kind of margin or padding in between my sliced images so my design is ruined and spread out... I simply can't resolve this! I have searched everywhere on the web and cannot remove these margins! 

This is just a screen shot of the desired look (straight from illustrator) but I can't work out how to upload these images without gmail adding margins around each slice, I am not great with code and all attempt to remove such margins has failed thus far, Don't even know really where to look to find where they are within the code. 

Also, I would like to keep the slices around my ig / website / facebooks icon's relatively small so that my contacts aren't annoyed by accidentally clicking the icons due to the fact that the slices are huge!

Any help is appreciated!