Pb frame html

Bonjour,
voila mon problème je dois faire un site en html mais je n'arrive pas avec les frames j'ai pourtant cherché sur plusieurs site mais sa ne marche pas pouvais vous m'expliquai. je met mon début de site pour que je puissiez me dire se qui ne va pas. En faite se que je souhaite c'est separé ma pages en 2 avec 1 menu fixe a gauche et donc le texte correspondant a droite merci d'avance

page d'accueil :
<html>
<HEAD>
<TITLE>Les Energies Renouvelables</TITLE>
<img src="banniere_air.jpg" height="hauteur" width="largeur" >
<style type="text/css">
A:link { text-decoration: none; color:#400080; }
A:visited { text-decoration: none; color:#400080; }
A:hover { text-decoration: none; color:#FF0080; }
</style>

</HEAD>

<FRAMESET COLS="30%,*">
<FRAME SRC="menu.htm">
</FRAMESET>

</HTML>

page de mon menu :

<html>
<HEAD>
<TITLE>menu</TITLE>
</HEAD>

<body>

<h3>les differentes énergies renouvelables</h3>
<TABLE BORDER>
<TR><TD>énergie éolienne</TD></TR>
<TR><TD>énergie hydraulique</TD></TR>
<TR><TD>énergie biomasse</TD></TR>
</TABLE>

</body>

</HTML>

Configuration: Windows XP
Firefox 3.0.6