bei Bild auf Hintergrundbild legen tritt fehler auf

[Toledov5]

Hallo;

ich habe im Header ein Hintergrundbild. Auf diesem möchte ich ein Foto mit Border legen . Da soll mal ein Fotoslider hin. Auf jedenfall klappt alles auch die Ausrichtung im x .
Sobald ich aber mit Margin-top: **px ; arbeite verrutscht die mein gesammtes Hintergrundbild im y mit.

Wie kann ich mein Foto innerhalb meines Hintergrundbildes im y bewegen ohne das das HGB mit rutscht?

  
<div id="wrapper"><!-- wrapper open-->  
  
  
       <header id="main-header">  
  
               <div id="headerbild">  
  
               </div>  
  
       </header>  
  
  
</div><!-- wrapper closed-->

#wrapper{  
         width:100%;  
         height:300px;  
         margin: 0 auto;  
         background: none;  
  
}  
  
#main-header{  
         width: 1050px;  
         height: 300px;  
         margin: 0 auto;  
         background: url(../images/headerbild.png)  
  
}  
  
#headerbild{  
  
         width:350px;  
         height:200px;  
         margin-left: 520px;  
         margin-top: 0px;  
         background-image: url(../images/Chefs.png);  
         background-repeat: no-repeat;  
         border: 1px solid #00FD0C;  
}