Antes de seguir, ¿realmente necesitas todo eso en el estilo del div?
Cita: <div id="capa" style="position:absolute; left:0px; top:0px; width:100%; height:1024px; z-index:3; visibility: visible; background-color: #ff0000; background-color: #ff0000; background-image: url(imagenes/fondocapa.gif); background-image: url(imagenes/fondocapa.gif); clip: rect(1 auto auto 3);"> </div>
¿Seguro que quieres que la imagen de la copa tenga 1024px de alto?
A juzgar por tu imagen, los únicos estilos que necesitas son:
Cita: <div id="capa" style="position:absolute; left:0px; top:0px; width:100%; height:300px; background-image: url(imagenes/fondocapa.gif);"></div>
Ahora coloca ese div justo después del body, y debería ir al sitio que te interesa en profundidad automáticamente. Si no va habrá que ver el resto de elementos de la css.