Сделал сайт. Разделил его на самостоятельные блоки:header, footer, и другие. Короче у Хедера появился какой то белый отступ в 20-30 пикселей от верхнего края браузера. Я подставлял в css и маргин-топ: 0; и фоллоу: хидден; и чего я только не делал.. но шапка все равно не реагирует на изменения. Т.е. она все еще с отступом.

Прикладываю фоту.

Этот часть файла css:

* {
margin:0;
padding:0;


}
html {
height: 100%;


}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
height: 100%;

}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

.underline{
text-decoration:none;
border-bottom:1px solid;

}

h1{
font-size:15px;
margin:0 0 0 0;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {

width: 1000px;
margin: auto auto;
min-height: 100%;
height: auto !important;
height: 100%;

}

/* Header
-----------------------------------------------------------------------------*/
#header {

height: 80px;
background-image: url("back.png");
color:#FFFFFF;
font-size:30px;
text-align: left;
}

#links{
width:1000px;
height: 20px;
background: #808080;
}

#menu{
color:#FFFFFF;
width: 1000px;
text-decoration:none;
border-bottom:1px solid;
}

#helper{
line-height: 80px;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0 0 80px;
height: 1%;
position: relative;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 200px 0 200px;
}

#yellowline {
height: 20px;
background: #FFCC66;
color:#000000;
width:100%;
text-align: center;
}