diff --git a/source/blog/_includes/_head.html b/source/blog/_includes/_head.html
index 23173b2..b7d609c 100644
--- a/source/blog/_includes/_head.html
+++ b/source/blog/_includes/_head.html
@@ -10,15 +10,17 @@
 	<link href="http://feeds.feedburner.com/jimeh" rel="alternate" title="jimeh / blog" type="application/atom+xml" />
 	
 	<link rel="stylesheet" href="/stylesheets/master.css?{{ site.time | date: "%Y%m%d%H%M%S"}}" type="text/css" media="screen" title="no title" charset="utf-8" />
+	<link rel="stylesheet" href="/stylesheets/webkit-scrollbar.css?{{ site.time | date: "%Y%m%d%H%M%S"}}" type="text/css" media="screen" title="no title" charset="utf-8" />
 	<link rel="stylesheet" href="/resources/fancybox/fancybox.css" type="text/css" media="screen" title="no title" charset="utf-8">
 	
 	<script src="/javascripts/libs.js?{{ site.time | date: "%Y%m%d%H%M%S"}}" type="text/javascript" charset="utf-8"></script>
 	<script src="/javascripts/main.js?{{ site.time | date: "%Y%m%d%H%M%S"}}" type="text/javascript" charset="utf-8"></script>
+	<script src="/javascripts/webkit-scrollbar.js?{{ site.time | date: "%Y%m%d%H%M%S"}}" type="text/javascript" charset="utf-8"></script>
 	
 </head>
 
 <body>
-
+<div id="debug"></div>
 <script type="text/javascript">
 
 	var _gaq = _gaq || [];
diff --git a/source/site/_includes/_head.html b/source/site/_includes/_head.html
index 5aeb685..f822a65 100644
--- a/source/site/_includes/_head.html
+++ b/source/site/_includes/_head.html
@@ -24,7 +24,7 @@
 </head>
 
 <body>
-
+<div id="debug"></div>
 <script type="text/javascript">
 
 	var _gaq = _gaq || [];
diff --git a/source/site/javascripts/webkit-scrollbar.js b/source/site/javascripts/webkit-scrollbar.js
new file mode 100644
index 0000000..afc1c39
--- /dev/null
+++ b/source/site/javascripts/webkit-scrollbar.js
@@ -0,0 +1,5 @@
+$(document).ready(function(){
+	if (navigator.userAgent.match(/Mobile.*Safari|Safari.*Mobile/i) !== null) {
+		$("body").css("position", "static").css("overflow-y", "auto").css("overflow-x", "auto");
+	};
+});
\ No newline at end of file
diff --git a/source/site/stylesheets/master.css b/source/site/stylesheets/master.css
index 940ffe0..4e4f6a6 100644
--- a/source/site/stylesheets/master.css
+++ b/source/site/stylesheets/master.css
@@ -67,20 +67,12 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
 /* @group Basic HTML */
 
 html {
-	overflow-y: auto;
-	background-color: transparent;
+	
 }
 
 body {
 	background: #fff;
 	font: 15px/1.5 'Colaborate-ThinRegular', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
-	position: absolute;
-	top: 0;
-	left: 0;
-	bottom: 0;
-	right: 10px;
-	overflow-y: scroll;
-	overflow-x: hidden;
 }
 
 a {
@@ -244,43 +236,6 @@ h6 {
 
 /* @end */
 
-/* @group ::-webkit-scrollbar */
-
-::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-}
-
-::-webkit-scrollbar-button:start:decrement,
-::-webkit-scrollbar-button:end:increment {
-	height: 10px;
-	display: block;
-	background-color: transparent;
-}
-
-::-webkit-scrollbar-button:vertical:increment {
-    background-color: #fff;
-}
-
-::-webkit-scrollbar-track-piece {
-    background-color: #eee;
-    -webkit-border-radius: 3px;
-}
-
-::-webkit-scrollbar-thumb:vertical {
-    height: 50px;
-    background-color: #ccc;
-    -webkit-border-radius: 3px;
-}
-
-::-webkit-scrollbar-thumb:horizontal {
-    width: 50px;
-    background-color: #ccc;
-    -webkit-border-radius: 3px;
-}
-
-/* @end */
-
 /* @group FancyBox*/
 
 a.fancybox,
diff --git a/source/site/stylesheets/webkit-scrollbar.css b/source/site/stylesheets/webkit-scrollbar.css
new file mode 100644
index 0000000..75f8b1b
--- /dev/null
+++ b/source/site/stylesheets/webkit-scrollbar.css
@@ -0,0 +1,51 @@
+html {
+	overflow-y: auto;
+	background-color: transparent;
+}
+
+body {
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 10px;
+	overflow-y: scroll;
+	overflow-x: hidden;
+}
+
+/* @group ::-webkit-scrollbar */
+
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
+
+::-webkit-scrollbar-button:start:decrement,
+::-webkit-scrollbar-button:end:increment {
+	height: 10px;
+	display: block;
+	background-color: transparent;
+}
+
+::-webkit-scrollbar-button:vertical:increment {
+    background-color: #fff;
+}
+
+::-webkit-scrollbar-track-piece {
+    background-color: #eee;
+    -webkit-border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+    height: 50px;
+    background-color: #ccc;
+    -webkit-border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+    width: 50px;
+    background-color: #ccc;
+    -webkit-border-radius: 3px;
+}
+
+/* @end */
\ No newline at end of file
