Alineado vertical de un <table> dentro de un <td>

[verm83]

Hola, tengo un problema que me está amargando la existencia desde hace días. Por exigencias del trabajo, he de maquetar con tablas y no con divs, a mi juicio una chapuza, pero ahí está. El caso es que tengo un <td> que contiene un <table>, y a su vez, este <table> una sola fila con dos celdas: en la de la izquierda muestra un menú, y en la de la derecha datos traídos con Ajax desde un PHP. Al principio, como esa "celda resultado" está vacía, efectivamente el menú queda alineado en el top, pero al cargar datos y mostrar tablas con altura mayor a la del menú, automáticamente este se alinea verticalmente en el centro, y queda sumamente feo. Por más que tiro de vertical-align: top / valign="top" en el CSS / HTML, no hay manera. Por favor, que alguien me ayude :(

Dejo algo de código por si ayuda.

HTML:

Código HTML:

<!-- Caja Máquinas -->
<table cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td id="menu" valign="top">
			<!-- Caja Entornos -->
			<table cellpadding="0" cellspacing="1" border="0">
				<tr>
					<td>
						<select name="comboMaquinas" id="comboMaquinas">
							<option value="c_hosts.txt">Java</option>
							<option value="cobol_hosts.txt">Cobol</option>
						</select>
					</td>
				</tr>
			</table>
			<!-- Fin Caja Entornos -->
		</td>
		<td id="resultado" valign="top"></td>
	</tr>
</table>
<!-- Caja Máquinas --> 

CSS:

Código HTML:

#menu { width: 20%; vertical-align: top; }
#resultado { width: 80%; vertical-align: top; }