using vertical-align: top on the second div fixed everything.
In my wikisearch project I am having trouble aligning a search input that takes text and a submit button that contains an image (either inside the button or as a background). I have replicated the issue with this simple Pen. It seems like it has to do with how text and images align vertically inside of the divs. I want to avoid using position absolute because in my project when the input field is clicked on, the width changes and the button moves to the right. Can anyone tell me what is happening here, and how I can correctly align them?
Here is the simple example:
and here is my project: