Quick redux of the problem:
inline and inline-block tell the browser to display an element as if it was a word. Words have spaces between them. Your options for getting rid of these spaces are:
- Remove the spaces from the markup
- Use floats instead, which don't care about spaces in markup
- Or find the width of a space and use margins or positioning to remove the spaces visually.
Solutions:
All css options, forevermore: http://css-tricks.com/fighting-the-space-between-inline-block-elements/
If you can't float, an em based negative margin gets my vote.
