How can I remove an extra line break or spacing?

Ok, I have the following code. I want the form fields with the Submit button nicely tucked in the table row with bgcolor. However, whgen I view it in Firefox or IE8, I get extra space under the form fields (see screenshot). How can I remove that extra space. I tried Including the form in div tags and stuff but no luck.

echo("
<br><br>
<table align='center' cellpadding='0' cellspacing='0' width='780' valign='top'>
<tr>
<td bgcolor='#cccccc' align='right'>
<form method='post' action='test.php'>
<input type='text' size='15' name='searchtext'>
<select name='cat'>
<option value='1'>Test1</option>
<option value='2'>Test2</option>
<option value='3'>Test3</option>
</select>
<input type='submit' value=Submit>&nbsp;
</form>

</td>
</tr>
</table>
");

 

I think the form element has a default margin-bottom or padding-bottom depending on the browser... try giving it a style of margin-bottom: 0 and padding-bottom: 0.

 

Yeah, you need to do it in a style or inline like this on the form tag...

<form style="margin:0;padding:0;">

 

check your css