HTML forms alignment problems

How to fix alignments with standard form objects?

<input type="text" />
<script>
var obj = new AW.UI.Button;
obj.setControlText("Button");
obj.setControlImage("favorites");
document.write(obj);
</script>

All AW controls are inline and aligned to the middle. So you have to either align them to the top or align standard form objects to the middle -

.aw-ui-button {vertical-align: top}

or

input {vertical-align: middle}