Sidebar fixed

[Sephys]

El HTML es el de la pagina de [URL="http://www.csszengarden.com/"]http://www.csszengarden.com/[/URL].El que pone HTML File

Luego mi codigo de CSS

Código CSS:

* {
  margin:0px;
  padding:0px;
}
 
@font-face
{
  font-family:WendyOne-Regular;
  src: url('WendyOne-Regular.ttf');
}
 
@font-face
{
  font-family: SONIC;
  src: url('SONIC.ttf');
}
 
@font-face
{
  font-family:Loveyalikeasister;
  src: url('LoveYaLikeASister.ttf');
}
 
.page-wrapper{
  width:1260px;
  position:absolute;
  background-image:url('fondopaginaprincipal.png');
  background-attachment:fixed;
 
}
 
.page-wrapper p{
  margin-right:20px;
}
 
.page-wrapper a:link{
  color:#0D7094;
}
 
.page-wrapper a:hover{
  color:#9b4e52;
}
 
#zen-intro{
  width:1249px;
  position:relative;
  float:right;
}
 
header{
  width:230px;
  height:110px;
  position:fixed;
  float:left;
  background-color:#F2EAEA;
  top:30px;
  margin:auto;
  border-radius: 25px;
  box-shadow: 0px 0px 6px 0px #0D0D0C;
}
 
header h1{
  margin-top:8px;
  margin-left:15px;
  font-family:WendyOne-Regular;
  font-size:30px;
  color:#9b4e52;
}
 
header h2{
  font-family:SONIC;
  font-size:6px;
  margin-left:12px;
  margin-top:0px;
}
 
#zen-summary {
  width:950px;
  position:relative;
  float:right;
  margin-left:350px;
}
 
#zen-summary p:first-child {
  margin-top:40px;
}
 
#zen-summary p {
  font-family:SONIC;
  font-size:10px;
  color: #0D7094;
}
 
#zen-preamble{
  width:950px;
  position:relative;
  float:right;
}
 
#zen-preamble h3{
  margin-top:30px;
  font-family:Loveyalikeasister;
  font-size:25px;
  color:#9b4e52;
}
 
#zen-supporting{
  width:950px;
  position:relative;
  float:right;
  margin-left:300px;
}
 
#zen-supporting h3{
  font-family:Loveyalikeasister;
  font-size:25px;
  color:#9b4e52;
}
 
#zen-supporting div{
  margin-top:20px
}
 
footer{
  width:250px;
  position:relative;
  margin:auto;
  padding:40px;
}
nav{
  width:200px;
}
.sidebar{
  width:220px;
  position:fixed;
  float:none;
  margin-top:150px;
}
 
.sidebar a:link{
  color:#000000;
}
 
.sidebar a:hover{
  color:#9b4e52;;
}
 
.wrapper{
  position:fixed;
  margin-left:15px;
}
 
.wrapper h3{
  font-family:SONIC;
  font-size:8px;
  color:#9b4e52;
}
 
.wrapper div{
  margin-top:20px;
}
 
.wrapper ul {
  list-style-type:none;
}
 
.wrapper li {
  font-family:Loveyalikeasister;
  font-size:15px;
}
 

Como digo, las modificaciones solo deben ser en CSS, no puedo tocar el HTML, ya que es una practica de CSS, ni poner nada Javascript ni sucedáneo, más que nada porque aún no lo hemos aprendido xD.

Gracias por la bienvenida y la respuesta :D