form in row, row too high

One of the rows in a table is twice as high as others. I trace the
problem to the following code. If I remove everything between <form> and
</form>, the row would have a regular height. If I put anything in
between, even the word "test", suddenly, the row height doubles.

Anyway to cure the problem?

=============================================
<form>
<font size=2 color="#aa3f30">search</font>

<select >
<option value="sci" selected >web</option>
<option value="sciencenow" >Daily News</option>
<option value="sigtrans" >Science</option>
<option value="sageke" >search</option>
<option value="scirecruit">Careers</option>
<option value="searchall">All Journals</option>
</select>
<input type="text" name="fulltext" value="" size="10" title="Enter
your search terms">
<input type="image" name="search_submit" value="go" src="go.gif"
alt="Go" ><font size=1 color=blue><u> Advanced</u></font>
</form>

In article <fujalv$i6f$1 (AT) aioe (DOT) org>, John Smith <jsmith (AT) company (DOT) com>
wrote:

One of the rows in a table is twice as high as others. I trace the
problem to the following code. If I remove everything between <form> and
/form>, the row would have a regular height. If I put anything in
between, even the word "test", suddenly, the row height doubles.

Anyway to cure the problem?

=============================================
form
font size=2 color="#aa3f30">search</font

select
option value="sci" selected >web</option
option value="sciencenow" >Daily News</option
option value="sigtrans" >Science</option
option value="sageke" >search</option
option value="scirecruit">Careers</option
option value="searchall">All Journals</option
/select
input type="text" name="fulltext" value="" size="10" title="Enter
your search terms"
input type="image" name="search_submit" value="go" src="go.gif"
alt="Go" ><font size=1 color=blue><u> Advanced</u></font
/form

Fix up this little bit of markup first. In fact, supply a proper url
with a doctype and all validated to demo your concern. Not too much to
ask, is it?

--
dorayme

Thanks for the replies.

The problem is, indeed, like what Ben said, form margin. Browsers tend
to leave blank spaces before and after forms. This usually would not be
a problem but when the form is in a table, this would double the row height.

The solution is to set the form margin to zero.

The following site has a detailed explanation.

http://www.cs.tut.fi/~jkorpela/forms/extraspace.html