I don't understand your first question. The text boxes are very small on the page you linked to and they are not aligned to the top at all. If I resize the font enough, the bottom of the text will clip off and the stop will still be visible - is that the opposite of what you want?
As far as your validation errors - make sure you closed your BODY tag and that you didn't accidentally improperly nest any DIV's or other elements. The CSS error you're getting is because you used the -moz-scrollbar-vertical property which is, obviously, Mozilla-only and not part of the W3C CSS2.1 specification.
oh and about the mozzila "overflow:-moz-scrollbars-vertical;" is this wise to use this in my code? i mean now i cant get a correct validation. but i need to use that bit of code also. what do you suggest?
Try setting the height of your text box to 1em (100% of the default font size). I'm kind of having a little trouble understanding exactly what you're after, though. Also, I would suggest using any CSS you find necessary, whether it's standard or not. As long as you understand the consequences of invalid CSS, I don't see anything wrong with it.
I don't know, personally I'd be rethinking the way you code your forms for starters. If you think about it in-depth, it's not just a matter of getting it to look right, but a matter of what HTML you should use to begin with. Displaying them afterwards is another story, though. (Unfortunately at this time I don't have any good articles on it, though I plan on writing on soon.)