Выровнять текст по кнопке в IE

Question

Я пытаюсь создать крошечную кнопку в IE, используя css, но заголовок не отцентрирован вертикально ... как мне это сделать?

"вертикальное выравнивание: среднее;" не имеет никакого эффекта: (

Вот мой css ...

.tinyButton
{
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1) );
    background: -moz-linear-gradient( center top, #ffffff 5%, #d1d1d1 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5');
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-top-radius: 2px;
    border-bottom-top-radius: 2px;
    border: 1px solid #dcdcdc;
    color: #777777;
    font-family: verdana;
    font-size: 8px;
    padding: 1px 2px;
    height: 14px;
}

Спасибо !! Mojo

Answer 1

Попробуйте установить меньшую высоту строки, например:

line-height: 5px

, и если это только для IE7, вы можете сделать это следующим образом:

*line-height: 5px;

Answer 2

вы уже пробовали:

vertical-align: middle;

---

edit: высота кнопки должна быть отрегулирована для правильного размещения текста

Answer 3

1. с поправкойобивка: 3px 13px 5px;
2. высота атрибута удалена
3. Добавлен атрибутплыть налево;

CSS

    .tinyButton {
        -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
        box-shadow: inset 0px 1px 0px 0px #ffffff;
        background: -webkit-gradient( linear, left top, left bottom, 
        color-stop(0.05,#ffffff),  color-stop(1, #d1d1d1) );
        background: -moz-linear-gradient( center top, #ffffff 5%, #d1d1d1 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
        endColorstr='#e5e5e5');
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 2px;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-top-radius: 2px;
        border-bottom-top-radius: 2px;
        border: 1px solid #dcdcdc;
        color: #777777;
        font-family: verdana;
        font-size: 8px;
        padding: 3px 13px 5px;
        float:left;
    }