桌面Chrome标题，位置：固定;

Question

我正在为编码类创建一个模拟站点。我只想要一个简单的标题贴在浏览器的顶部，并尝试使用position:fixed;这样做。在Chrome中，这基本上将标题向左移动并将所有div放在其下方。我在移动版本中使用margin-top在其下方的div上修复了它，但在桌面版本上执行此操作却不一样。相反，它只是将我的标题推到页面的下方。建议？

如果有帮助的话，这是我的CSS。这是我第一次做一个真正的网站，所以它可能是一团糟，不要判断（好吧，你可以判断，但至少告诉我如何解决它）：

#header{
color:#103251;
width:940px;
margin-left:auto;
margin-right:auto;
padding-top:25px;
font-family:arial;
background-color:#B89EC9;
background-image:url('../images/utensils');
background-repeat:repeat-x;
position:fixed;
background-attachment:fixed;
}

@media screen and (max-device-width:426px){
#header{
    width:100%;
    padding-top:50px;
}