d

css/layout.css

@@ -43,7 +43,10 @@ header{
 	z-index:10;
 }
 #headerWrapper{
-	position:relative;
+	position:fixed;
+	top:0px;
+	left:0px;
+	z-index:9999;
 	width:100%;
 	min-height:20px;
 }

css/project_style.css

@@ -1,5 +1,7 @@
 div.sc_menu_wrapper {
-	position: fixed; 	
+	position: fixed; 
+	left:0px;
+	top:43px;
 	height: 100%;
 	/* Make bigger than a photo, because we need a place for a scrollbar. */
 	width:110px;

index.html

@@ -129,7 +129,7 @@
 
 	<div class="sc_menu_wrapper">
     <div class="sc_menu">
-<div onClick="$('#image').attr('src','data/AF_timeline.png');$('#fitimage').attr('src','fit/AF_fit.png');$('#country').text('Afghanistan');"><img src="menu/AF.png" width="80" height="55" alt="Afghanistan" style="margin-top:300px;"/>Afghanistan</div>
+<div onClick="$('#image').attr('src','data/AF_timeline.png');$('#fitimage').attr('src','fit/AF_fit.png');$('#country').text('Afghanistan');"><img src="menu/AF.png" width="80" height="55" alt="Afghanistan" style="margin-top:400px;"/>Afghanistan</div>
 <div onClick="$('#image').attr('src','data/AX_timeline.png');$('#fitimage').attr('src','fit/AX_fit.png');$('#country').text('Akrotiri Sovereign Base Area');"><img src="menu/UK.png" width="80" height="55" alt="Akrotiri Sovereign Base Area"/>Akrotiri Sovereign Base Area</div>
 <div onClick="$('#image').attr('src','data/AL_timeline.png');$('#fitimage').attr('src','fit/AL_fit.png');$('#country').text('Albania');"><img src="menu/AL.png" width="80" height="55" alt="Albania"/>Albania</div>
 <div onClick="$('#image').attr('src','data/AG_timeline.png');$('#fitimage').attr('src','fit/AG_fit.png');$('#country').text('Algeria');"><img src="menu/AG.png" width="80" height="55" alt="Algeria"/>Algeria</div>