为什么我的div覆盖和重叠

Question

我正在尝试为我的网站和左侧导航框创建标题。我有以下样式代码但由于某种原因我有两个问题。 1）导航框略微重叠在我的标题上; 2）我的标题覆盖了网站上的文字。以下是代码：

#nav {
border-radius: 5px;
position: fixed;
display: inline;
margin-top: 50px;
background-color: white;
color: black;
margin-bottom: 10px;
padding: 5px;
}

#fixedheader{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
color: #FFFFFF;
background: #000000;
padding: 3px;
display: inline-block;
margin-bottom: 2px;
}