I'm having weird problems with my drop-down boxes in my forms.

This is the page here: http://www.zfu.co.nz/opinionpoll.htm

This is my code for the form:

<table border="0" cellpadding="5">
<tr>
<td width="480" style="border-style: solid; border-color: #000000; border-width: 1; background-color: #D1D1D1;">

<form action="http://www.zfu.co.nz/cgi-bin/formmail.cgi" method="post">
<input type="hidden" name="recipient" value="opinionpoll@zfu.co.nz">
<input type="hidden" name="subject" value="ZFU Opinion Poll">
<input type="hidden" name="redirect" value="http://www.zfu.co.nz/opinionpollformthanks.htm">
<input type="hidden" name="required" value="fullname, zfumembership#, email, layout, othercomments">

<table border="0" cellpadding="5" cellspacing"0">
<tr>
<td width="150"><b>Do You Like The New ZFU Layout:</td>
<td width="300"><br><select name="layout">
<option>- - - - - - - - - -<option>Yes I Love It!<option>It Could Be Better<option>It's Okay<option>It's Not That Great<option>I Hate It!
</select> &nbsp;<img src="http://www.zfu.co.nz/guitar-bullet.gif"></td>
</tr>

<tr>
<td width="150"><b>Other Comments:</b><br><br><br></td>
<td width="300"><textarea name="othercomments" cols="35" rows="3"></textarea> &nbsp;<img src="http://www.zfu.co.nz/guitar-bullet.gif"></td>
</tr>

<br>

<tr>
<td width="150"><b>Full Name:</b></td>
<td width="300"><input type="text" name="fullname" size="35" maxlength="100"> &nbsp;<img src="http://www.zfu.co.nz/guitar-bullet.gif"></td>
</tr>
<tr>
<td width="150"><b>ZFU Membership #:</b></td>
<td width="300"><input type="text" name="zfumembership#" size="35" maxlength="100" value="#00"> &nbsp;<img src="http://www.zfu.co.nz/guitar-bullet.gif"></td>
</tr>
<tr>
<td width="150"><b>E-mail Address:</b></td>
<td width="300"><input type="text" name="email" size="35" maxlength="100"> &nbsp;<img src="http://www.zfu.co.nz/guitar-bullet.gif"></td>
</tr>

<tr>
<td width="150"></td>
<td width="300"><input type="image" src="http://www.zfu.co.nz/enter-button.gif" onclick="submit()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="image" src="http://www.zfu.co.nz/cancel-button.gif" onclick="reset()"></td>
</tr>
</table>
</table>
</form>


What's happening is that when you scroll up or down the drop-down box seems to disappear and you can only see it if you click on it...

Am I missing something in my coding?

I just checked that page by itself and it seems to work okay...but when you click on Opinion Poll on the top navigator of this page: http://www.zfu.co.nz/iframes.htm it does the disappear thing when you scroll....

Help...

Can anyone help or have any idea what's going on?