Inline-block that works down to ie7 (maybe 6 I dunno), and removes the random white space between the elements.

gistfile1.css

/* Inline list */
.m-inline-list--item, .m-inline-elements > * {
  display: inline-block;
}

.lt-ie8 .m-inline-list--item, .lt-ie8 .m-inline-elements > * {
  zoom: 1;
  display: inline;
}

/* Inline elements */
.m-inline-elements {
  letter-spacing: -0.31em;
}

.m-inline-elements > * {
  letter-spacing: normal;
}

x-browser inline-block with no whitespace

/* Inline list */

%m-inline-item {
  display: inline-block;
	
	.lt-ie8 & {
		zoom: 1;
		display: inline;
	}
}

.m-inline-list--item {
	@extend %m-inline-item;
}

/* Inline elements */

%m-inline-elements {
  	letter-spacing:-0.31em;

	> * {
		@extend %m-inline-item;
        letter-spacing: normal;
	}
}

.m-inline-elements { /* Add to parent */
	@extend %m-inline-elements;
}