Meine Elemente wollen nicht so wie ich -__-"

[Ophelia]

Hallo zusammen.

Ich habe ein Problem, meinem ersten HTML/CSS Projekt. Ich fuchse mich gerade so in die Materie hinein und da wollen aber zwei meiner Boxen, nicht so wie ich. Was ich auch tue, ich komme nich dahinter.

Der HTML Ausschnitt:

  
<div id="hauptboxrahmen">  
  <div id="hauptbox">  
    <div id="textbox">  
      TEXT  
    </div>  
  </div>  
</div>

Und betreffende Teil der CSS:

  
#hauptbox  
{  
width : 1000px;  
height : 600px;  
margin-left : 60px;  
margin-top : 100px;  
background-image:url(bg.jpg);  
background-repeat: no-repeat;  
}  
  
#hauptboxrahmen  
{  
width : 1120px;  
height : 780px;  
top : 0px;  
left : 50px;  
background-image:url(AVENIDAwall2_157.gif);  
background-repeat:repeat;  

Das Problem ist, dass die Hauptbox sich immer mit verschiebt. Egal was ich mach, ich krieg keinen Abstand zwischen der oberen Kante der ersten und der zweiten box hin.
Ich hoffe mir kann jemang helfen und ich habe nicht all zu großen Müll verzapft xD