error fadein jquery

[jmm87]

Buenos dias

tengo una lista que es la botonera de navegacion:

Código HTML:

<nav>
                        <ul id="menu">
                            <li><a href="inicio.html" target="frame">Inicio</a></li>
                            <li><a href="historia.html" target="frame">Historia</a></li>
                            <li><a href="productos.html" target="frame">Equipos de Frio</a></li>
                            <li><a href="revestimientos.html" target="frame">Revestimiento Termico</a></li>
                            <li><a href="repuestos.html" target="frame">Repuestos A/A</a></li>
                            <li><a href="Contacts.html" target="frame">Contacto</a></li>
                        </ul>
                    </nav>
 

tengo un frame que es donde se ingresan los html que direccionan la lista:

<iframe name="frame" id="frame "src="inicio.html" width="100%" height="300" frameborder="0" scrolling="no" AllowTransparency>
Texto alternativo para navegadores que no aceptan iframes
</iframe>


funcionaba todo perfecto hasta que le quise poner un efecto con jquery a la carga de la pagina:
le puse al head:

Código Javascript:

<script type="text/javascript" src="js/jquery-1.9.1.min.js" >
</script>
<script type="text/javascript">
$(document).ready(function() {
$(window).bind("load",function() {
 
$("#page1").fadeIn(2000,function() {
$(window).unbind("load");
});
});
});
</script>
 

(page 1 es el ID de mi body)
y al estilo css de mi pagina le dije al body DISPLAY:NONE
para que no se vea hasta q inicie la funcion que ejecuta fadeIn

funciono todo perfecto el tema es que ahora cuando hago click en la botonera no me direcciona al FRAME o debe estar quedando oculto producto de lo que puse en css al body

aca la pagina para que vean cual es mi error

www.climatizacionserper.com.ar