How to align a text input with an image button?

Question

I have a form where the last line of input fields is followed by 2 image buttons.

No matter what I try I can't seem to horizontally align the buttons with the field.

Here's all the code: http://jsfiddle.net/h3ZPk/

Answer 1

Add this rule:

#buttons img, #buttons input {
    vertical-align:bottom;
}

jsFiddle example.