diff --git a/header.inc b/header.inc
index 450b63b..559fa07 100644
--- a/header.inc
+++ b/header.inc
@@ -1,2 +1,3 @@
+<a name='top'></a>
 <div class='header'>ybot</div>
 <div class='subtitle'>The Control Panel of a Little Plurk Bot!</div>
\ No newline at end of file
diff --git a/keyworddetail.php b/keyworddetail.php
index bcea40d..7058a05 100644
--- a/keyworddetail.php
+++ b/keyworddetail.php
@@ -72,7 +72,7 @@
 		}
 		?>
 		</table>
-		<a href='javascript:history.back()'>Back</a>
+		<a href='javascript:history.back()' class='back-btn'><img src='images/back.png'> Back</a>
 	  </div>
   </body>
 </html>
diff --git a/keywordedit.php b/keywordedit.php
index 1042501..1b51ea2 100644
--- a/keywordedit.php
+++ b/keywordedit.php
@@ -91,6 +91,7 @@
 				}
 		?>
 	  </div>
+	  <div style='text-align: center'><a class='top-btn' href='#top'><img src='images/top.png' />Top</a></div>
     </div>
   </body>
 </html>
diff --git a/responsedetail.php b/responsedetail.php
index 27c2f2b..8084005 100644
--- a/responsedetail.php
+++ b/responsedetail.php
@@ -61,7 +61,7 @@
 		}
 		?>
 		</div>
-		<a href='javascript:history.back()'>Back</a>
+		<a href='javascript:history.back()' class='back-btn'><img src='images/back.png'> Back</a>
 
   </body>
 </html>
diff --git a/responseedit.php b/responseedit.php
index f0d420d..bde38eb 100644
--- a/responseedit.php
+++ b/responseedit.php
@@ -100,6 +100,7 @@
 				}
 		?>
 		</table>
+		<div style='text-align: center'><a class='top-btn' href='#top'><img src='images/top.png' />Top</a></div>
 	  </div>
     </div>
   </body>
diff --git a/style.css b/style.css
index 0123fd5..19bda5f 100644
--- a/style.css
+++ b/style.css
@@ -331,4 +331,13 @@ span:hover {
 }
 .unlink-btn:hover {
   background-color: #58B4FF;
+}
+
+.back-btn, .top-btn {
+  height: 32px;
+}
+
+.back-btn img, .top-btn img{
+  display: inline-block;
+  vertical-align: middle;
 }
\ No newline at end of file