Napis na belce. Ustawienie na środku.

[Shaken]

Witam,
mam mały problem przy tworzeniu strony opartej o prosty HTML i CSS.
Poniżej zamieszczam zdjęcie problemu i mój kod.

O co chodzi? Chcę zrobić menu na belce, która powtarza się w szerz.
Chciałem, aby tekst na niej znajdował się po środku,
dlatego też dodałem padding-top: 7px; ale momentalnie pod belką
zrobiła mi się przerwa... Jak ją zlikwidować?


Kolor biały to moja kolejna część strony,
kolor czarny to tło - wspomniana wcześniej przerwa pod belką.

HTML :

Kod:

<div id="menu">Strona Główna</div>

CSS :

Kod:

#menu {
    clear: both;
    color: #ffffff;
    text-align: center;
    padding-top: 7px;
    margin: 0;
    width: 100%;
    height: 30px;
    background-image: url(img06.jpg);
    background-repeat: repeat-x;
}

Mam nadzieję, że rozumiecie mój problem.
Z góry serdecznie dziękuję za pomoc.
Pozdrawiam