Problema iFrame Firefox e IE

[jetemias]

Caso uno:

Código HTML:

body, html {
      height: 100%;
    }
    #page { width: 874px; margin: 0 auto; height:100%;}
    #page { padding: 0 28px; min-height: 100%; background: url(images/bg.gif) repeat-y center 0; }
     
    #main { border-bottom: solid 1px #e3e7e9; margin-bottom: 6px; height:100%;}
     
    iframe{
    height: 100%;
    width: 100%;
    }

Caso dos (sin el head y el body):

Código HTML:

    #page { width: 874px; margin: 0 auto; height:100%;}
    #page { padding: 0 28px; min-height: 100%; background: url(images/bg.gif) repeat-y center 0; }
     
    #main { border-bottom: solid 1px #e3e7e9; margin-bottom: 6px; height:100%;}
     
    iframe{
    height: 100%;
    width: 100%;
    }

Saludos

EDIT: He modificado el estilo css y por lo menos ahora ya se ve bien el foro, aunque la página no se termine de visualizar correctamente, es decir, en la parte inferior de la web, mi div con id="page" no se visualiza correctamente en toda la web, estoy tratando de resolverlo.