How do I align input field and submit button (also differences between: IE, FFox, Chrome)?

Question

I am having problems styling form fields with CSS. As you can see below I am trying to get an input field and then to its right the submit button. However for some reason I

Answer 1

you should try floating them both left, that way they will position themselves.

Answer 2

Here is what works for me in FF, IE8 and Chrome on XP

#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;
}

I removed CSS on the #form_box div, set vertical-align:bottom and tweaked the height on text box.

Answer 3

before aplying any css make all margin and padding zero by default all browser as thr own margin and padding by making it zero and then applying ur style it affects eventually