Как выравнивать поле ввода и кнопку отправки (также различия между: IE, FFox, Chrome)?

У меня возникли проблемы с полями формы стилей с CSS. Как вы можете видеть ниже, я пытаюсь получить поле ввода, а затем вправо кнопку отправки. Однако по какой-то причине я не могу заставить их правильно выравниваться в любом браузере, и я не могу заставить их по крайней мере выглядеть одинаково в них, и, наконец, все ухудшается, когда я тоже масштабируюсь!

Я пробовал "line-height: normal! important"; решение, но это, похоже, не работает...

Что я делаю неправильно?

IE7 (xp)

FFox (linux)

Chrome (linux)

CSS (ничего для subscribe_form):

#form_box {
    position: relative;
    height: 35px;
    top: 7px;
    left: 20px; 
}

#subscribe_email {
    border: solid 1px #CCC;
    height: 24px;
    width: 250px;
    font-size: 15px;
    color: #999;
    padding-left: 5px;
}

#subscribe_submit {
    position: relative;
    border: solid 1px #CCC;
    height: 25px;
    width: 115px;
    color: white;
}

HTML:

        <div id="box2" class="tbox">
            <div id="form_box">
            <form id="subscribe_form" action="subscribe" method="post">
                Sign Up:
                <input class="tbox" id="subscribe_email" type="text" name="email" value="email address" />
                <input class="tbox" id="subscribe_submit" type="submit" value="Subscribe" />
            </form>
            </div>
        </div>

Ответы

#subscribe_email {
    border: solid 1px #CCC;
    height: 21px;
    width: 250px;
    font-size: 15px;
    color: #999;
    padding-left: 5px;
    vertical-align: bottom
}

#subscribe_submit {
    border: solid 1px #CCC;
    height: 25px;
    width: 115px;
    color: white;
}