Controlling the height of form text fields

[Kris Cottrell]

hello,

I have a design problem. I have a search window on a colored background that
is supposed to line up with the main nav bar. The problem is that the text
field window displays differently for each browser. The height is different,
and Mozilla
stretches the vertical height of my background color to almost double of what
it is intended to be. Does anyone know how
to control this. I know that little can be done with the look of the text
field window, but what about the extra space below the window?

[mzanime.com]

Can you show us a URL? We need to see code to determine what could be causing the extra spacing. It could be any number of things.

[Kris Cottrell]

Thanks for your response. Here is a URL. [url]http://www.imageexplorer.net/test/test.htm[/url]

As you will see the height of the text field is different for each browser.

[mzanime.com]

*sigh* All that bloated code just to display a search box and a few navigation
links.

Try adding this to your CSS and let me know if it helps:

form { margin:0; }
input.searchtext { vertical-align:top; }

[Kris Cottrell]

Yeah, Sorry about the messy code. I deleted everything else on the page.
I'm a little confused about how to apply the code you sent. Sorry man,
I'm a beginner, and trying to learn this stuff on the fly. Where do I place
this
into CSS?


Thanks for your help.

[mzanime.com]

> Where do I place this into CSS?

Surely you can figure that out yourself. I just gave you a key, its up to you to open the door.