CSS odległość tła div'a od krawędzi górnej i dolnej

[dulek09]

Witam serdecznie, mam taką sytuację:

Kod: Zaznacz cały

<div class="module_menu">
               <div>
                       <div>
                               <div>
                                      <h3>Main Menu</h3> 
                               ZAWARTOŚĆ MODUŁU MENU
                               </div>
                       </div>
               </div>        
</div>

CSS:

Kod: Zaznacz cały

div.module_menu {
position: relative;
z-index:200;

}
div.module_menu div {
background: url(../images/h1_bg.png) 0 0 no-repeat;
width: 211px;

}
div.module_menu div div {
background: url(../images/bg_blok.png) repeat-y;
z-index:200;

}
div.module_menu div div div {
background: url(../images/blok_dol.png) no-repeat;
background-position: bottom;
width: 211px;
z-index:200;
}

h3 {
font-family: Verdana;
font-size: 12pt;
padding-top: 9px;
text-align: center;
padding-left: 10px;
color: #b8bfaa;
}

Chodzi konkretnie o: http://preria.pl/new_page/
blok menu, o nazwie Main menu.

Chciałbym, aby odległość tego szarego tła, co jest pod H3 i tym dolnym zaokrągleniem nie nachodziła na nie. Nie mam pojęcia jak to ustawić, za kazdym razem wychodzą mi dziwne rzeczy. Ani margin ani padding coś mi nie działa albo działa nie tak jak trzeba.


Dziękuję ślicznie za wszelką pomoc