Вопрос на тему position: fixed;

Общее
1 
Делал шапку для сайта и меню (html): 
<div class="header">
<h1><p align="right">Название сайта<p></h1>
</div>

<div class="menu">
</ul>
<hr>
<li><a href="guid.html">2</a></li>
<li><a href="practic.html">3</a></li>
<li><a href="help.html">4</a></li>
<li><a href="chat.html">5</a></li>
<li><a href="login.html">6</a></li>
</ul>
<hr>
</div>
css: 
.wrap {
	width: 960px;
	margin: 0 auto
}
.header {
	background: #991199;
	
}

.content {
	 
	float:left;
	background: white;
	width: 100%;
	height: 1200px;
}

.end {
	background: blue;
	clear: both;
}
    Дальше идут стили для меню...
    Суть проблемы в том, что при добавлении  position: fixed; в шапку и меню оно становится фиксированным, но полностью меняется: обрезается и встает не так как хотелось. Помогите пожалуйста!)
2

Код текстом через песочницу, пожалуйста.

4

готово

5

В теме есть ссылка на песочницу.


Темы из категории “Общие” рассматриваются только таким образом.

6

Окей, спасибо!)

7

а почему у вас список начинается с закрывающего тега?

и совсем не понятно, зачем вам такая структура: <h1><p align="right">Название сайта<p></h1>