I want to display the dropdownbox and the option buttons at the top of the file. I do not want any space between the top border and my dropdownbox. How can I do this valign="top" doesn't seem to work. whats wrong with my code?

<html>
<head>
<title>Marastats</title>
<noframes>
<p>your browser does not support frames</p>
</noframes>
<FRAMESET rows="38,*" frameborder="no" border="0" framespacing="0">
<frame src="buttonframe.html" name="buttonframe" scrolling=no marginheight="0" marginwidth="0">
<frame src="mainframe.html" name='mainframe'>
</frameset>
</head>
</html>

<HTML>
<HEAD>
<script language="JavaScript">
function newpage() {
var f = document.frm1.site.options[document.frm1.site.selectedIndex].value

if(document.frm1.r1[0].checked){
f += '1.html'

}else if(document.frm1.r1[1].checked){
f += '2.html'
}

parent.mainframe.location=f
}
</script>
<TITLE></TITLE>
</HEAD>
<BODY>
<form name="frm1" target="mainframe">
<TABLE cellspacing="0" cellpadding="0" border="0" valign="top">
<TR valign="left" valign="top"><TD align="left" valign="top"><select name="site" size="1" onchange="newpage();"
align="left">
<option selected>Afdeling....</option>
<option value='to'>Totaal</option>
<option value='mar'>Maraboes</option>
<option value='mam'>Mama's</option>
<option value='om'>Oma's</option>
<option value='bes'>Bestuur</option>
<option value='sja'>Sjaars</option>
</select></TD>
<TD align="left" valign="top"><INPUT type=radio name=r1 value="alleen eind" checked>alleen eindscores</input></td>
<TD align="left" valign="top"><INPUT type=radio name=r1 value="alles">alles</input></td>
<TD align="left" valign="top">&nbsp;&nbsp;&nbsp;&nbsp</td>

<TD align="left" valign="top"><a href=uitleg.html target=mainframe>uitleg</a></td>
<TD align="left" valign="top">&nbsp;&nbsp;&nbsp;&nbsp</td>
<TD align="left" valign="top"><a href=index.html target="_parent">HOME</a></td>
</tr></table>
</form>
</BODY>
</HTML>