Css 间距和分层不适用于图像和列表

我正在学习html和css，我正在尝试用导航按钮制作标题，但我根本无法让布局正常工作。标题图像周围有一个我无法摆脱的边框，无论我做什么，带有链接的列表都不会层叠在图像的顶部。有人能帮忙吗

我在codepen上有代码请原谅这些图像，它们是暂时的：

否则，我使用的代码是：

标题{ 位置：初始； 保证金：0； 填充：0； 边界：0； 大纲：0； z指数：20； } 导航{ 位置：初始； z指数：30； } 李{ 最高：50%； 左：50%； 左边距：250像素； 显示：内联； }

---

对于图像上的菜单，有多种解决方案，您可以使用背景图像，但如果您希望保持这样，您可以将导航设置为位置：绝对；。要使菜单居中，可以将其设置为左：0；，右：0；，和保证金：0自动

---

示例：

默认情况下，主体周围有一些边距。这就是为什么标题图像周围有边框。通过在css中添加body{margin:0；}来修复此问题。非常感谢，这非常有效！我知道这不是问题的一部分，但是当我向下滚动时，如何使标题保持在窗口顶部？欢迎！将收割台设置为位置：固定；排名：0；宽度：100%；

.nav
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}