css kayma sorunu

Arkadaşlar tema kodluyorum header ve icerik kısmım var içerik kısmına birsey ekleyince header bir kısım kayıyor sebebi nedir? nasıl çözerim
html kodları













css kodları

html,body{
margin: 0;
padding: 0px;
font-family: sans-serif;
font-size: 14px;
}
a{text-decoration: none;}
ul{list-style-type: none; font-size: 0px;}
ul > li{display: inline-block; font-size: 14px;}

#genel{
width: 100%;
margin: 0px auto;
}

#header{

background-color: #f3f1f2;
height: 75px;
line-height: 75px;
}

#navbar{
float: left;
margin-left: 98px;
}

#logo{
float: left;
margin-left: 150px;
}

#navbar a{
color: #96a6a7;
text-transform: uppercase;
}

#navbar li{
margin-left: 20px;
}

.search{
background: url("../img/SEARCH.png") no-repeat;
width: 74px;
height: 74px;
float: left;
margin-left: 10px;


}

.login{
width: 300px;
height: 74px;
background-color: #e94e38;
line-height: 74px;
text-align: center;
color: #fff;
float: left;

}
.headeric{
margin:0px auto;
width: 100%;
position: relative;
}

.headericerik{
position: absolute;
top: 10px;
left: 520px;

margin-top: 20px;
}

.headericerik h2{
color: #fff;
font-size: 30px;
margin-left: auto;
margin-right: auto;
}
span.dubai{
width: 223px;
height: 50px;
line-height: 50px;
padding: 0px 10px;
background-color: #ddd;
border-radius: 20px;
display: block;
font-size: 20px;
text-align: center;
color: #fff;
text-transform: capitalize;
float: left;
font-size: 18px;


}
span.education{
width: 223px;
height: 50px;
line-height: 50px;
padding: 0px 10px;
background-color: #ddd;
border-radius: 20px;
display: block;
font-size: 20px;
text-align: center;
color: #fff;
text-transform: capitalize;
float: left;
margin-left: 10px;
font-size: 18px;
}

span.name{
width: 478px;
height: 66px;
line-height: 66px;
background-color: #ddd;
border-radius: 20px;
text-align: center;
display: block;
clear: both;
color: #fff;
position: relative;
top: 20px;
text-transform: capitalize;
font-size: 18px;


}
span.arama{

background-color: #e94e38;
width: 153px;
height: 50px;
line-height: 50px;
padding: 0px 10px;
display: block;
margin-top: 50px;
border-radius: 20px;
text-transform: uppercase;
text-align: center;
color: #fff;
margin-left: auto;
margin-right: auto
}


.headericerik2{
background-color: #ddd;
height: 60px;
line-height: 60px;


width: 100%;
}
.headericerik2 ul li{
color: #e94e38;
text-transform: uppercase;
padding-left: 20px;
}

.headericerik2 ul li.ist{
margin-left: 120px;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: gray;
border-radius: 15px;
}

.headericerik2 ul li.harita{

width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: gray;
border-radius: 15px;
margin-left:15px;

}
.headericerik2 ul li.resim{
background: url("../img/icon1.jpg") no-repeat;
width: 49px;
height: 40px;
margin-left: 20px;

}

Ek Olarak:

"]http://

[/URL]