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/

Accepted Answer

Add this rule:

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

jsFiddle example.

How to align a text input with an image button?

Solution

Problem