Html CSS定位不起作用

在过去的两个小时里，我一直被这个问题弄得心烦意乱。难以置信

我正在创建一个简单的左列，包含三个组件：标题背景、中间重复的白色背景和机器人背景。出于某些愚蠢的原因，中间重复的背景一直与标题重叠。当我使用背景位置时，它不会向下移动

以下是我的css代码：

.leftcolumn .block{

background-color:#FFFFFF;

background-image: url([url]http://www.trixmasta.com/softpak/images/lnav_center.png);[/url]
background-position:0px 10px;
background-repeat: repeat-y;

width:205px;
}


.leftcolumn .block .wrap {

background-image: url([url]http://www.trixmasta.com/softpak/images/lnav_header.png);[/url]
background-repeat: no-repeat no-repeat;
width:205px;
padding-left:0px;
padding-top:10px;

}


.leftcolumn .block .bot {
background-image: url([url]http://www.trixmasta.com/softpak/images/lnav_bot.png);[/url]
background-repeat: no-repeat repeat;
background-position: 0px 51px;
}

我的HTML：

---

背景位置不会移动实际元素，它只会移动到开始获取图像的位置。例如，对于精灵图像，设置背景位置以获得覆盖状态，然后设置另一个悬停状态。您可能想尝试使用实际位置，即顶部、底部、左侧和右侧，或者尝试使用边距来定位它。对于用户的评论，添加内容并显示：block；到页眉也会有帮助。

这就是你要找的吗

---

可能您尝试过这个，但是，如果您的标题中没有任何内容，它将不会显示。尝试添加高度：150px；在你的头类-.block中，看看会发生什么？你的html代码缺少css类，它是否完整？我想他是想把它放在一个表单元格中。他只是没有包括桌子。

        <div class="block">

            <div class="wrap">

            <div class="navigation">
                <ul>
                <li><a href="#" title="">Link 1</a></li>
                <li><a href="#" title="">Link 2</a></li>
                <li><a href="#" title="">Link 3</a></li>

                </ul>
            </div>
            </div>
            <span class="bot"> </span>

        </div>