[HTML+CSS] Divs com mesmo tamanho

Assuntos Gerais
#1

Olá, estou com problemas em fazer a DIV 1 acompanhar a DIV 2 em altura, sendo que a DIV 2 não tem altura definida (varia de acordo com o numero de linhas de uma tabela).

Achei ZILHÕES de problemas semelhantes (até aqui no fórum), mas nenhuma resposta ou explicação decente.

O que mais representa meu problema está nessa página aqui … http://www.cssblog.es/columnas-con-la-misma-altura-mediante-css/

Mas, copiei e colei o HTML e o CSS desse link ai em cima, e não fica do jeito que o site propõe.

Pensei em colocar ambas numa DIV PAI

<div class="pai">

<div id="menu"></td>
<div id="conteudo"></td>

</div>
.pai{
}

#menu{

	height: 100%;
	width: 25%;	
	float: left;	
}

#conteudo{

	width: 75%;
	float: left;	
}

coloquei menu como 100% na esperança de que ele ficasse 100% do tamanho da DIV PAI, que como nao tem height definido, ficaria do tamanho da DIV CONTEUDO

mas nao está dando certo …

*nao posso colocar a DIV PAI com tamanho definido, porque minha tabela (se tiver muitas linhas) fica por tras da div footer (embaixo das 2 divs)

#2

Novamente encontro a resposta minutos depois de postar a pergunta.

<html>

	<head>
	
		<title>Teste</title>
		<link rel="stylesheet" type="text/css" href="estilo.css">
	
	</head>
	
	<body>
	
		<center>
		
			<div id="all">
			
				<div id="header"></div>
				
				
				<div id="menu">
					
					menu<br>
					menu<br>
					menu<br>
					menu<br>
					menu
				
				</div>
				
				
				<div id="conteudo">
				
					<table>
					
						<%
							for(int i=0;i<50;i++)
							{
								out.println("<tr>");
								out.println("<td>"+i+"</td>");
								out.println("</tr>");
							}
						%>
					
					</table>
				
				</div>
				
				
				<div id="footer"></div>
			
			
			</div>
		
		</center>
	
	</body>

</html>
#all{

	background: red;	
}

#header{

	height: 100px;
	width: 100%;
	background: yellow;	
}

#menu{

	width: 25%;
	background: red;
	float: left;	
}

#conteudo{

	width: 75%;
	background: aqua;
	float: left;	
}

#footer{

	height: 50px;
	width: 100%;
	background: black;
	clear: both;	
}

Jogar uma div all e colocar background nela … é mais uma gambiarra para parecer que a div menu tem o mesmo tamanho

#3