Bymas.ru | Отступы

Верстаю свой макет) Возникли трудности с отступами между кнопками. Должно быть так:
http://bymas.ru/files/forum/1/25799_1.png
(кнопки вход и регистрация), а выходит так(скрин ниже).
Что делать?
Стиль:

.button-reg{
float: right;
width: 125px;
background: url(button-reg.png);
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 1px;
padding: 2px;
border: 1px solid #f7f7f7;
}

________
посл. ред. 12.06.2015 в 15:20; всего 1 раз(а); by CreepMatis

.button-reg
{
float: right;
width: 125px;
background-image: url(button-reg.png);
margin-righr: 5px;
margin-bottom: 5px;
padding: 2px;
border: 1px solid #F7F7F7;
}

MOG_group (12.06.2015 в 15:25)
.button-reg
{
float: right;
width: 125px;
background-image: url(button-reg.png);
margin-righr: 5px;
margin-bottom: 5px;
padding: 2px;
border: 1px solid #F7F7F7;
}

Не то( Они должны распологаться друг под другом на расстоянии 3-5px...

CreepMatis, используя функцию инлине блок

MOG_group (12.06.2015 в 15:44)
CreepMatis, используя функцию инлине блок

Без неё уже справился. Ещё вопрос: как сделать, чтобы блоки были одинаковые?
Код:

.button-reg{
float: right;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 14px;
}

.regb{
background: url(button-reg.png);
width: 124px;
height: 34px;
text-align: center;
padding: 7px;
clear: right;
}

Вот смотри, на макете они одинаковые, а здесь - чуток различаются:

Они же одинаковые

Web-Designer (12.06.2015 в 18:17)
Они же одинаковые

А вот и нет. Различие в один пиксель:D
Но глазу заметно, если присмотреться...