I've made a working Javascript/HTML drop down menu, but there seems to be a space of about 10 pixels or so of empty space below it that i cannot get rid of.

http://www.goldfiles.com/network/test/nav.htm

The bar should be 31 pixels high, but is around about 41 right now. Needs to be exactly 31. Any ideas?


Here is the html code for the forum and the surrounding cell that it is in:

<td align="right" height="31" bottommargin="0">
<FORM NAME="myform" height="31">
<SELECT NAME="mylist" onChange="nav()">
<OPTION VALUE="../../index.html">Home Page
<OPTION VALUE="../../basics/index.php3">Basics
<OPTION VALUE="../../tutorials/index.php3">Tutorials
<OPTION VALUE="../../templates/index.php3">Web Design Templates
<OPTION VALUE="../../graphics/index.php3">Web Graphics Design
<OPTION VALUE="../index.php3">Tips and Tricks
<OPTION VALUE="../../design/index.php3">Web Page Design
<OPTION VALUE="../../services/index.php3">Services
</SELECT>
</FORM>
</td>

it goes away if i remove the <FORM> and </FORM> tags, but then the javascript wont work. can i repalce the form tag with something else, or put something in there to stop the vertical space increase?

I see just a blank page there, but you can kill form line breaks with

<form style="display:inine"

or in your css

form{
display:inine ;
}

<FORM NAME="myform">
<td align="right" height="31" bottommargin="0">
<SELECT NAME="mylist" onChange="nav()">
<OPTION VALUE="../../index.html">Home Page
<OPTION VALUE="../../basics/index.php3">Basics
<OPTION VALUE="../../tutorials/index.php3">Tutorials
<OPTION VALUE="../../templates/index.php3">Web Design Templates
<OPTION VALUE="../../graphics/index.php3">Web Graphics Design
<OPTION VALUE="../index.php3">Tips and Tricks
<OPTION VALUE="../../design/index.php3">Web Page Design
<OPTION VALUE="../../services/index.php3">Services
</SELECT>
</td>
</FORM>

Put the FORM outside the <TD> ;)
Wish this help