移动文本，同时保持背景图片在CSS

Question

我有一个“MAIN_MENU” DIV其中包含在y轴上重复背景图像。以上这个div我有用于头另一个DIV。的问题是，头部div有一个图像，其是关于高度960x75像素。我想从那里main_div的背景图像实际上开始启动main_div文字约50像素高。

我在想是这样的：

position:absolute; top:-50px;

这并没有真正发挥作用。 现在的问题是如何移动的文本时，在保持背景图像以正常的光点。

感谢。

{编辑}

这里的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;    
}

这是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>  

因此，大家可以看到头是相当高的。所以我想开始在menu_main DIV文字约50像素上涨

Answer 1

使用一个负上边距。

.menu_main UL {边距：-50px;}

Answer 2

您可以移动它就像你用绝对定位做的和移动的背景下，像这样：

background:url(someimage.png) repeat-y left 50px;

所以它开始50px的下降，这将移动您的背景图片。

我也许能帮助更多的，如果你提供的截图或多个代码或活生生的例子......

Answer 3

您可以风格你UL具体如下：

.nav
{
  position: relative;
  top: -50px;
}

和

<ul class="nav">
...

或者也许把UL在另一个DIV类= “NAV”。

Answer 4

但是，可以（由5个像素例如）移动背景下：

background-position: top 5px;