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

Здравствуйте, такая ситуация – название блога располагается над шапкой. То есть текст сдвигает шапку вниз и появляется на белом фоне. Хотелось бы, чтобы текст был прямо на фоне шапки (я специально предусмотрел там место). Фрагмент кода С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 , но ничего не меняется в лучшую сторону. Если в поле «Заголовок блога» ничего не писать, то шапка сдвигается на самый верх, как и положено. А с текстом – появляется белая полоса :(