Definiowanie położenia poszczególnych elementów strony na ekranie

W ramach nauki, zrobiłem sobie taka strone,
jednak nie moge sobie poradzić, z przesunięciem w prawo header>nav
zawierającego linki do home,kontakt itd.

oraz obecnie linki z Menu nie zmieniaja pozycji automatycznie podczas powiekszania/pomniejszania strony, próbowałem to zmienic ale lipa.

Link do strony
www.tester.jcom.pl

css z buttonami header

header {
  position: relative;
  margin-top: 30px;
  height: 220px;
}



header nav {
  position: absolute;
  right: 0;
  top:0px;
}



header nav ul {margin:0; padding:0;}


header nav ul li { 
  float:left;
  margin-left: 5px;
  position: relative;    
  list-style: none; 
}



header nav ul li a{
  color:#fff;
  text-decoration: none;
  font-size: 14px;
  padding:4px 8px;
  display: inline-block;/* IE8 nadanie obiektowi hasLayout*/
}


header nav ul li a.active{
  background: #F9D468;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='##FF4500', endColorstr='#FF4500' );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,  startColorstr='#FF4500', endColorstr='#FF4500##FF4500')";
  background: -moz-linear-gradient(top, #FF4500 0%, #FF4500 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF4500), color-stop(100%,#FF4500)); 
  color:#764524;
  border:1px solid #FF4500;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px #FF4500;
  -moz-box-shadow: 1px 1px 2px #FF4500;
  box-shadow: 1px 1px 1px #FF4500;
}


header nav ul li a:hover{color:#FF4500;}

Css z linkami Menu:

aside section{float:right;width:180px;}
aside section{margin-bottom: 20px;overflow: hidden;}

aside section nav {
  position: absolute;
  right: 0;
  top:300px;
}


aside section nav ul {margin:0; padding:0;}

aside section nav ul li { 
  position: aboslute;
  float:right;
  width:390px;
}


aside section nav ul li a{
  color:#fff;
  text-decoration: none;
  font-size: 14px;
  padding:4px 8px;
  display: inline-block;/* IE8 nadanie obiektowi hasLayout*/
}

aside section nav ul li a.active{
  background: #F9D468;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='##FF4500', endColorstr='#FF4500' );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,  startColorstr='#FF4500', endColorstr='#FF4500##FF4500')";
  background: -moz-linear-gradient(top, #FF4500 0%, #FF4500 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF4500), color-stop(100%,#FF4500)); 
  color:#764524;
  border:1px solid #FF4500;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px #FF4500;
  -moz-box-shadow: 1px 1px 2px #FF4500;
  box-shadow: 1px 1px 1px #FF4500;
}

aside section nav ul li a:hover{color:#FF4500;}