diff --git a/html/controls.html b/html/controls.html
index 44501dff..f69596ba 100644
--- a/html/controls.html
+++ b/html/controls.html
@@ -5,14 +5,16 @@
 <script type="text/javascript">
 function set_playing()
 {
-	var button = document.getElementById("play_pause");
-	button.innerHTML = "<img src=\"images/pause.png\" onclick=\"pause2();\">";
+	var button     = document.getElementById("button");
+	button.src     = "images/pause.png";
+	button.onclick = pause2;
 }
 
 function set_paused()
 {
-	var button = document.getElementById("play_pause");
-	button.innerHTML = "<img src=\"images/play.png\" onclick=\"play2();\">";
+	var button     = document.getElementById("button");
+	button.src     = "images/play.png";
+	button.onclick = play2;
 }
 
 function set_play_button()
@@ -63,22 +65,17 @@ function stop2()
 </head>
 
 <body>
-	<table>
-		<tr><td id="title">Title goes here...</td></tr>
-		<tr><td id="artist">Artist goes here...</td></tr>
-		<tr><td id="album">Album goes here...</td></tr>
-	</table>
-	<table>
-		<tr>
-			<td id="play_pause">
-				<img src="images/play.png" onclick="play2();"/>
-			</td><td>
-				<img src="images/stop.png" onclick="stop2();"/>
-			</td><td>
-				<img src="images/next.png" onclick="next2();"/>
-			</td>
-		</tr>
-	</table>
+
+<table>
+	<tr><td id="title"></td></tr>
+	<tr><td id="artist"></td></tr>
+	<tr><td id="album"></td></tr>
+</table>
+<table><tr>
+	<td><img id="button" src="images/play.png" onclick="play2();" /></td>
+	<td><img src="images/stop.png" onclick="stop2();" /></td>
+	<td><img src="images/next.png" onclick="next();"  /></td>
+</tr></table>
 
 </body>
 
