verschieben von text, während background-image in CSS

Ich habe eine 'main_menu' div, welches ein hintergrund-Bild, dass die Wiederholung auf der y-Achse. Über diesem div habe ich ein weiteres div, welches verwendet wird für eine Kopfzeile. Das problem ist, dass das header-div ist ein Bild, das über 75px in der Höhe. Beginnen möchte ich den text in main_div etwa 50 px höher aus, wo main_div hintergrund-Bild tatsächlich beginnt.

Ich dachte an etwas wie:

position:absolute; top:-50px;

Dieser funktioniert nicht wirklich.
Die Frage ist, wie kann ich den text verschieben, während das hintergrund-Bild an der normalen Stelle.

Dank

{EDIT}

Hier ist der CSS -

.menu_main
{
background-image:url('../menu_main.jpg');
background-repeat:repeat-y;
width:173px;
padding:5px;    

}
.menu_header
{
background-image:url('../menu_header.jpg');
text-align:center;
width:173px;
height:65px;
padding:5px;    
}

Dies ist die html -

<div class="menu_header">Some Header</div>
<div class="menu_main">
    <ul>
        <li>Educational Objective</li>
        <li>Projects</li>
        <li>Class Preparation</li>
        <li>Testimonials</li>
    </ul>
</div>  

Also wie Ihr seht der header ist ziemlich groß. Also ich würde gerne den text in der menu_main div über 50px höher

InformationsquelleAutor Ori | 2009-07-14