Jag har ett sidhuvud som från vänster består av
Rel div med bakgrundsbild
Fast div med text
fast div med bakgrundsbild
rel div med bakgrundsbild

Problemet är följande:
Om bara huvudet finns på sidan med en definierad höjd på t ex 195 Px så funkar det bra att minska ner fönsterstorleken den högra relativa bilden försbvinner succesivt, som tänkt.

Men när jag lägger till ytterligare en div-yta under huvudet så hoppar den högra bilden ned under huvudet när fönstret minskas????
Någon som har ett bra svar.


Koden

<style>
 
#Container1 {
    height: 195px;
    width:100%;
    background: #FFFFFF;
    border-right:solid 1px #FF0000;
    }
    
#Container2 {
    height: 500px;
    width:100%;
    border-right:solid 1px #FF0000;
    }  

#box1 {
  width: 36%;
  height: 195px;
  float: left;
  background-image: url(bilder2/image_left.jpg); 
  background-repeat: no-repeat;
 }
 
#box2 {
  width: 175px;
  height: 125px;
  float: left;
  padding-left: 25px;
  padding-top: 70px;
 }
 
 
#box3 {
  width: 8%;
  height: 195px;
  background-image: url(bilder2/logga_tall.gif); 
  background-repeat: no-repeat;
  background-position: right center;
  float: left;
  }
  
#box4 {     /* DENNA HOPPAr NER NÄR FÖNSTER MINSKAS*/
  width: 35%;
  height: 195px;
  float: right	;
  background-image: url(bilder2/image_right.jpg); 
  background-repeat: no-repeat;
  }
  

#LeftMenu{
    height: 100%;
    width:135px;
    float: left;
    background:#F9F9F7;
    }

#LeftMenu1{
    height: 34px;
    width:135px;
    BACKGROUND: url(../tabimages/bg2.gif) #dae0d2 repeat-x 50% bottom; 
     } 
  
  
#LeftMenu2{
    width:119px;
    padding-right: 5px;
    padding-left: 10px;
    font-family: verdana, arial, sans-serif; 
    font-size: 12px;
    color: #000000;
     } 
 
#Content1{
    width:84%;
    height: 500px;
    float:right;
    padding-right: 5px;
    padding-left: 10px;
    font-family: verdana, arial, sans-serif; 
    font-size: 12px;
    color: #000000;
    background:#cecece;
     } 
  
h1{
    font-family: verdana, arial, sans-serif; 
    font-size: 28px;
    color: #000080;
    margin-bottom: 5px;
    margin-top: 0px;
}

p{
    font-family: verdana, arial, sans-serif; 
    font-size: 14px;
    color: #000080;
    margin-top: 0px;
}
</style>
<div name="Container1" id="Container1">
   
   <div name="box1" id="box1">
   </div>
   
   <div name="box2" id="box2">
      <h1>FORETAG</h1>
      <p>Text till logotype</p>
   </div>
   
   <div name="box3" id="box3">
   </div>
   
   <div name="box4" id="box4">
   </div>

</div>

<div name="Container2" id="Container2">
   
   <div name="LeftMenu" id="LeftMenu">
      <div name="LeftMenu1" id="LeftMenu1">
      </div>
      <div name="LeftMenu2" id="LeftMenu2">
      </div>
   </div>
   
   <div name="Content1" id="Content1">
   </div>

</div>