html{
  height:100%;
  margin:0;
  padding:0;
}
body{
  background-color:#000;
  margin:0;
  padding:0; 
  height:100%;     
}  

a{
  color:#FFF;
  text-decoration:none;
}

body *{
  margin:0;
  padding:0;
}

#header{
  position:fixed;
  top:0;            
  height:310px;
  width:1000px;
  background: url('images/header.png') no-repeat;       
  background-position:center top;
  z-index:3;               
}
        
div#header #header-inner{
  height:200px;
  position:relative;    
}           

a#home{
  position:absolute;  
  width:211px;                          
  left:44px;
  height:208px;  
}              

a#home:hover{
  background: url('images/home_aktiv.jpg');  
}

a#home.aktiv{
  background: url('images/home_aktiv.jpg');  
}


a#kalender{
  position:absolute;  
  width:298px;                          
  left:252px;
  height:208px; 
}              
a#kalender:hover{
  background: url('images/kalender.jpg');  
}

a#kalender.aktiv{
  background: url('images/kalender.jpg');    
}          

a#kaufen{
  position:absolute;  
  width:197px;                          
  left:556px;
  height:208px; 
}    

a#kaufen.aktiv{
  background: url('images/kaufen.jpg');    
}          

a#kaufen:hover{
  background: url('images/kaufen.jpg');  
}

a#facebook{
  position:absolute;  
  width:197px;                          
  left:766px;
  height:208px; 
}              
a#facebook:hover{
  background: url('images/facebook.png');  
}




div#page{
  width:1000px;
  background-color:yellow;
  background: url('images/background.jpg') no-repeat; 
  background-position:center top; 
  margin:0 auto;  
  padding:0;       
  padding-top:275px;             
  color:#FFF;  
}            

div#content{
  width:500px;
  margin-left:200px;
  font-family: "Times",serif;
  font-size:14px;
  line-height:21px;     
}
        
  div#content h1{
    font-size:28px;
    margin-bottom:28px;
    line-height:28px;     
    font-weight:normal;
  }
div#impressum{
  border-top:1px dotted #fff;
  margin-top:21px;     
  font-size:10px;
  clear:both;
}          

div#impressum.withoutline{
  border-top:0px;  
} 

div#kalender{
  border:1px dotted #fff;
  width:650px;
  padding-bottom:10px;
}
div#kalender .blatt{
  float:left;
  margin-left:10px;
  margin-top:10px; 
  position:relative;
  width:150px;
  height:150px;
}                  

div#kalender .blatt img{
  display:block;
  position:absolute;
  top:0;
  left:0;
}


#grosskunden{
  position:absolute;
  right:30px;
  top:12px;
  font-size:14px;
} 


/* clearfix float */

/* float clearing for IE6 */
* html .clearfix{
height: 1%;
overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
font-size: 0;
}

A: Answer 2:

.clearfix {
overflow: hidden;
}

/* triggers has layout in IE6 */
.container {
zoom: 1;
}