Je n'ai pas pris le temps de bien lire votre feuille de style, mais il me semble bien que le problème est simple : veillez à ce que le total hauteur image + décallage par rapport au haut de page (top) ne soient pas supérieurs à la hauteur (height) que vous avez saisi pour h1.
A mon avis c'est cela : vous avez h1 qui déborde sur la suite et comme il a une priorité, il se trouve au dessus du texte ou image qui suit (ul#menu).
Si vous n'arrivez pas à résoudre le problème j'essaierai de vous proposer une solution. Dites-moi si vous y arrivez ou pas.
Bien cordialement,
Patrice