Rahmen mittig anordnen

[Benni]

Hallo.

Ich möchte einen Rahmen mittig vom Browserfenster anordnen. In diesem Rahmen soll sich dann der ganze Inhalt der Homepage befinden. Außerdem ist in diesem Rahmen ein Bild, dass bei einer Auflösung von 1024x768 in der Höhe zu groß ist, d.h. es soll oben und unten entsprechend beschnitten werden. Mein Ansatz sieht bis jetzt so aus:

<div class="rahmen">
  <div class="htext"><font size="-2">The</font><br />Riffsurfers</div>
  <div class="guitar"><img src="graph/guitar.jpg" /></div>
</div>

CSS dazu:
.rahmen {
 position: absolute;
 height: 768px;
 width: 99.84%;
 border: 1px solid #000000;
 margin-top: 30px;
 overflow: hidden;
}

.htext {
 font-family:"Courier New", Courier, monospace;
 font-size: 16px;
 font-weight: bold;
 position: absolute;
 top: 20px;
 left: 30px;
 overflow: hidden;
 z-index: 2;
}

.guitar {
 position: absolute;
 top: 0px;
 left: 30px;
 overflow: hidden;
 z-index: 1;
}

Wenn die Beschreibung zu unverständlich ist bitte noch mal schreiben.

Grüße Benni