Index: /Users/mh/Documents/workspace/SN/docroot/netcontrol/netcontrol.tt
===================================================================
--- /Users/mh/Documents/workspace/SN/docroot/netcontrol/netcontrol.tt	(revision 3239)
+++ /Users/mh/Documents/workspace/SN/docroot/netcontrol/netcontrol.tt	(working copy)
@@ -28,6 +28,14 @@
 	.clickable:hover {
 		cursor: pointer;
 	}
+	
+	button.clickable {
+		background: transparent none no-repeat scroll 0pt;
+		width: 27px;
+		height: 28px;
+		border: 0;
+	}
+	
 	[% IF browser.ie %]
 	/* Fix PNGs in IE */
 	img {
@@ -69,15 +77,15 @@
       <table style="width:[% IF browser.ie %]90[% ELSE %]100[% END %]%">
 	<tr>
 	<td>
-		<img class="clickable" id="rewbtn" src="/static/images/rew.png" width="27" height="28" alt="[% "PREVIOUS" | string %]" style="display:none;" />
-		<img class="clickable" id="pausebtn" src="/static/images/pause_disabled.png" width="27" height="28" style="display:none;" alt="[% "PAUSE" | string %]" />
-		<img class="clickable" id="playbtn" src="/static/images/play_disabled.png" width="27" height="28" alt="[% "PLAY" | string %]" />
-		<img class="clickable" id="stopbtn" src="/static/images/stop_disabled.png" width="27" height="28" alt="[% "STOP" | string %]" />
-		<img class="clickable" id="skipbtn" src="/static/images/fwd.png" width="27" height="28" style="display:none;" alt="[% "NEXT" | string %]" />
-		<img class="clickable" id="pandoraskipbtn" src="/static/images/fwd.png" width="27" height="28" style="display:none;" alt="[% "NEXT" | string %]" />
-		<img class="clickable" id="slackerskipbtn" src="/static/images/fwd.png" width="27" height="28" style="display:none;" alt="[% "NEXT" | string %]" />
+		<button type="button" class="clickable" id="rewbtn" style="background-image:url(/static/images/rew.png)" value="[% "PREVIOUS" | string %]"></button>
+		<button type="button" class="clickable" id="pausebtn" style="background-image:url(/static/images/pause_disabled.png)" value="[% "PAUSE" | string %]"></button>
+		<button type="button" class="clickable" id="playbtn" style="background-image:url(/static/images/play_disabled.png)" value="[% "PLAY" | string %]"></button>
+		<button type="button" class="clickable" id="stopbtn" style="background-image:url(/static/images/stop_disabled.png)" value="[% "STOP" | string %]"></button>
+		<button type="button" class="clickable" id="skipbtn" style="background-image:url(/static/images/fwd.png)" value="[% "NEXT" | string %]"></button>
+		<button type="button" class="clickable" id="pandoraskipbtn" style="background-image:url(/static/images/fwd.png)" value="[% "NEXT" | string %]"></button>
+		<button type="button" class="clickable" id="slackerskipbtn" style="background-image:url(/static/images/fwd.png)" value="[% "NEXT" | string %]"></button>
 	</td>
-      <td align="right"><img class="clickable" id="powerbtn" src="/static/images/power_on_disabled.png" width="27" height="28" alt="[% "POWER" | string %]" /></td>
+      <td align="right"><button type="button" class="clickable" id="powerbtn" style="background-image:url(/static/images/power_on_disabled.png)" value="[% "POWER" | string %]"></button></td>
 	</tr>
       </table>
      <p style="margin-top:0" class="extended">