Box границы с прокладкой

Question

У меня есть следующий код:

.submit_wrap { 
    padding: 1px; 
    border: 1px solid #b0e1c4; 
} 

.submit { 
    height: 20px; 
    background: url(images/design/button_bg.gif) repeat-x; 
    padding: 1px 10px 0 10px; 
    border: 0; 
    color: #ffffff; 
    font-weight: bold; 
    font-size: 12px; 
} 

.submit:hover { 
    background: url(images/design/button_bg_selected.gif) repeat-x; 
} 

И я пытаюсь применить его к кнопкам отправки:

<div class="submit_wrap"> 
    <input class="submit" type="submit" name="submit" value="Conectare"> 
</div> 

Но вместо того, чтобы получить что-то вроде этого:

я получаю это:

Я мог бы установить ширину класса submit_wrap, но проблема в том, что я хочу применить этот класс к другим кнопкам отправки, а ширина этих кнопок различна. Что мне делать?

Answer 1

display: inline-block 

добавить его в .submit_wrap