clint: Problem mit Positionierung eines "Streifens"

Beitrag lesen

Hallo,
eigentlich klingt es simpel, aber ich bekomme es einfach nicht hin. Ich möchte meine Seite mit einem einfarbigem Hintergrund unterlegen. Das schaff ich noch :)

Ok, in der Mitte des Bildschirms (und zwar unabh. von der Auflösung) soll dann  ein 200px hoher, 100% breiter weißer Streifen sein. Horizontal und vertikal zentriert in diesem Streifen, kommt dann ein Logo rein.

Mein style schaut so aus:
.middle {
 margin-left:0px;
 margin-top:50%;
 background-color:#ffffff;
 height:200px;
}

Und im HTML steht dann
<p class="middle"><center><img src="images/logo.jpg" alt="logo"></center></p>

1. Problem
Der Streifen ist nicht mittig und verschiebt sich auch nicht, wenn ich das Fenster in der Höhe veränder. Witzigerweise wandert er rum, wenn ich das Fenster breiter ziehe!?

2. Problem
Das Logo hängt unter dem Streifen und liegt nicht innen drin.

Ich bin echt zu blöd glaub ich. Hab natürlich schon die entspr. selfHTML-Seiten angesehen, aber ich komm nicht weiter.

JEmand nen Plan?

danke, clint