déplacer du texte tout en gardant background-image dans le CSS

J'ai un "main_menu' div qui contient une image de fond d'écran qui est à répéter sur l'axe des ordonnées. Au-dessus de cette div, j'ai une div qui est utilisé pour un en-tête. Le problème est que l'en-tête div a une image qui est sur le 75px en hauteur. Je voudrais commencer le texte dans main_div environ 50 px plus élevé d'où main_div du background-image ne commence réellement.

Je pensais à quelque chose comme:

position:absolute; top:-50px;

Cela ne fonctionne pas vraiment.
La question est de savoir comment puis-je déplacer le texte vers le haut, tout en gardant l'image de fond d'écran à la normale spot.

Grâce

{EDIT}

Voici le 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;    
}

C'est le 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>  

Donc, comme vous pouvez le voir l'en-tête est assez haut. Donc, je voudrais commencer le texte dans la menu_main div sur 50px plus haut

OriginalL'auteur Ori | 2009-07-14