IFrame et height="100%"

Bonjour,

Je suis consciente que la question n'est pas nouvelle, et j'ai arpenter hier soir et toute la journée le net, en quête de la solution miracle pour avoir un iFrame avec 100% d'hauteur.
le site en question qui est en cours de construction : http://rayonlune.free.fr/

J'ai tenter les différentes solutions : enlever le Doctype (qui me bousille mon design), incrémenter un <style="height:100%; >, un le CSS avec

 
html, body, div, iframe { margin:0; padding:0; height:100%; }

 iframe { display:block; height:100%; width:100%; border:none; }

Mais rien a faire, la heuteur de mon iFrame ne dépasse pas les 100px. (screen : https://i78.servimg.com/u/f78/12/68/70/59/sans_t18.jpg ) -d'ailleurs ça décale aussi mon design là... -

le code est le suivant

        <!-- CONTENUS MENU ICI -->
        
        <div id="contents">
        
        
        
<iframe 

src="script/accueil.html" name="contenu" id="contents" width="500px" height="100%" align="center" scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
         
        <p>Votre navigateur ne peut malheureusement pas afficher de cadre incorporé:</p>
</iframe>

        
        
        </div>
        <!-- FIN DU CONTENUS MENU -->

Quelqu'un pourrait tenter de me résoudre ce problème ?

J'ai tenter la méthode des tableaux PHP, mais je suis trop novice, malgrè les bons tutos que j'ai pu lire, je n'y arrive pas, et ne comprend pas.
Je tiens donc a pouvoir utiliser pour le moment les iFrames.

Merci d'avance.