Header siempre visible en HTML5

[websensemx]

Código HTML:

<div id="nav">
<p class="title"><a href="#">Pagina Web<span class="subtitle"></span></a></p>
<ul id="navigation">
 <li><a href="#">A</a></li>
 <li><a href="#">B</a></li>
 <li><a href="#">C</a></li>
 <li><a href="#">D</a></li>
 <li><a href="#">E</a></li>
</ul>
</div>
 
<div id="body">
TU PAGINA AQUI
</div>
 

CSS : EL MARGEN DEBE SER 0px.

Código CSS:

body 
{
 margin:0px;
}
 
 
 
#nav
 {
 background-color:#262626;
 width:100%;
 height:50px;
 box-shadow: 0px 1px 50px #5E5E5E;
 position:fixed;
 top:0px;
}
 
 
.title
 {
 color:#EDEDED;
 font-family:verdana;
 font-size:25px;
 width:350px;
 margin-top:6px;
 margin-left:150px;
 font-weight:bold;
 float:left;
}
.subtitle 
{
 color:#EDEDED;
 font-family:verdana;
 font-size:15px;
}
 
 
#navigation
{
 list-style-type:none; 
}
li 
{
 display:inline;
 padding:10px;
}
#nav a
{
 font-family:verdana;
 text-decoration:none;
 color:#EDEDED;
} 
#nav a:hover 
{
 color:#BDBDBD;
}