omo

Вы можете использовать для спрайта такую запись:

$icons : sprite-map('img/icons/*.png', $spacing: 5px, $layout: smart);

И вызывать его в нужном месте так:

.icons { background: sprite($icons, icon-name) no-repeat; }
.icons.facebook { @include sprite($icons, icon-facebook); }

Вторая запись задает только background-position, т.е. для элемента уже должен быть определен спрайт-бэкграунд (удобно когда много однотипных элеметов с разными иконками через @each перебирать).
Подробнее здесь compass-style.org/reference/compass/helpers/sprites

Сделайте внутренние дивы инлайн-блоками jsfiddle.net/ehQ6c/1