расположение кнопок спрайта

[DR.acula]

Всем доброго времени суток.

Легкий вопрос на который я не могу найти ответ...Взял спрайт с кнопками и не могу эти самые кнопки разместить горизонтально,display:inline-block прогорел. Может это я что не так делаю? Ниже прилагаю код.

CSS док:

.button{

cursor:pointer;

display:inline-block;

height:55px;

width:220px;

line-height:70px;

text-align:center;

background-image:url('photo/sprite.png');

background-repeat:no-repeat;

}

.button.white{

background-position:0 12%;

}

.button.white:hover {

background-position:0 66%;

}

хтмл:

<div id="centerb">

<a href="index.html" title="Главная" class="button white">b1</a>

<a href="kontacti.html" title="Контакты" class="button white">b2</a>

</div>

Заранее спасибо)

[margarita]

добавьте к стилям float: left;

[Alex Shnayder]

Спрайты никакого отношения к позиционированию не имеют, это всего лишь фон.

Покажите стили контейнера. У него ширина ограничена? Возможно, виноваты пробелы между элементами.

[DR.acula]

добавьте к стилям float: left;

К сожалению не помогло(

Спрайты никакого отношения к позиционированию не имеют, это всего лишь фон.

Покажите стили контейнера. У него ширина ограничена? Возможно, виноваты пробелы между элементами.

Спасибо, помогло. И в самом деле я как то не подумал о самом контейнере))