CSS Positionierungsproblem

[godsend101]

Hi,
ich habe mal wieder ein Problem. Jetzt wo ich das Layout einer Clanpage in Photoshop erstellt habe, möchte ich es mit CSS wieder ineinander frickeln.

Siehe da, das erste Problem:

Ich möchte, wie auf dem ersten Bild zu sehen, dass der weiße Kasten(es ist ein Bild) genau auf der gleichen Höhe ist wie der graue Kasten(auch ein Bild).

Nun kommt bei dem XHTML-code:

<div id="alles">
<div id="header">
  <img src="Bilder/header.jpg" alt="fehlt" id="headerbild" />
  <img src="Bilder/reg.jpg" alt="fehlt" id="reg" />
  <p id="text">Dortmunder Jungs</p>
</div>
<div id="content"></div>
</div>
</body>

und dem CSS-code:

body {
background-image:url(../Bilder/hintergrund.jpg);
}

#header {
background-image:url(../Bilder/content.png);

margin: 3.5%;
}

#headerbild {
margin-top: 25px;
margin-left: 25px;
margin-right: 20px;
}

#text {
float: left;
margin-left: 25px;
margin-top: 0px;
font-size: 36px;
font-family: Tahoma;
color: white;
background-color: #1d1d1d;
text-align: center;
letter-spacing: 15px;
}

#reg {
margin-top: -5px;
}

das auf dem 2. Bild raus...

Ich hab gegoogelt und vieles ausprobiert, aber ich krieg es einfach nicht hin...

Danke schonmal im Voraus

 

[oziris]

Benötige mehr Infos (ganze HTML-Datei mit CSS).

Alternativ kann ich Dir noch das Firebug-AddOn empfehlen. Das wird gerne zum ausprobieren verwendet. Man kann damit z.B. sehen, welcher Style für welches Element gilt, wo er herkommt und kann ihn direkt im Browser temporär ändern, um zu sehen, wie sich das auswirken würde.