Заголовок блога сдвигает шапку вниз :(

Здравствуйте, такая ситуация – название блога располагается над шапкой. То есть текст сдвигает шапку вниз и появляется на белом фоне. Хотелось бы, чтобы текст был прямо на фоне шапки (я специально предусмотрел там место). Фрагмент кода СSS имеет такой вид.

/* Various elements */

body {
    background-color: #B7702E;
    margin: 10px 0;
    font: 72% Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000;
}

div {
    margin: 0;
    padding: 0;
}

p {
    font-size: 1.1em;
}

a {
     color: #467AA7;
    font-weight: bold;
}

a:hover {
    color: #2a5a8a;
}

code {
    font-size: 1.1em;
    display: block;
    font-family: "Courier New", Courier, monospace;
    background-color: #ffffcc;
    padding: 5px;
    margin: 10px;
    border: 1px solid #959595;
}

/* Main wrapper */

#wrap {
    background: url(images/bg_main_withnav.jpg) repeat-y top left;
    width: 900px;
    margin:  0 auto;
    border: 1px solid #B7702E;
}

/* Masthead --- top of header */

#masthead h1 {
text-align: center;

    text-transform: uppercase;
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 2.0em;
    font-weight: bold;
}

#masthead h1 a {
    color: #00569C;
    text-decoration: none;
}

#masthead h1 a:hover {
    color: #000;
}

#masthead p.description {
text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-weight: bold;
    color: #7d7d7d;
}



/* Middle header image and text */

#header {
    background: url(images/bg_head_middle.jpg) no-repeat top left;
    height: 200px;
    margin: 0;
    padding: 0;
    color: #EAEFF7;
}

#header #textbox {
    float: right;
    width: 900px;
    text-align: right;
    font-weight: bold;
}

#header a {
    color: #EAEFF7;
    text-decoration: none;
}

#header a:hover {
    color: #000;
}

#header h2 {
    font-family:"trebuchet ms",arial,sans-serif;
    padding: 20px 20px 5px 10px;
    margin: 0;
    font-size: 1em;
}

#header p {
    font-family:"trebuchet ms",arial,sans-serif;
    margin: 0;
    padding: 0 20px 5px 20px;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 18px;
}

Я подозреваю, что нужно по другому прописать
#masthead h1 {
text-align: center;
и т .д. Пробовал вместо #masthead писать #header , но ничего не меняется в лучшую сторону. Если в поле «Заголовок блога» ничего не писать, то шапка сдвигается на самый верх, как и положено. А с текстом – появляется белая полоса 🙁