diff --git a/.gitignore b/.gitignore
index 19a4b038a..19f07d121 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,4 @@ HTML
 .DS_Store
 coverage
 dump.rdb
+working.png
diff --git a/web/app/assets/javascripts/hoverRecording.js b/web/app/assets/javascripts/hoverRecording.js
index d58e72be5..5321df114 100644
--- a/web/app/assets/javascripts/hoverRecording.js
+++ b/web/app/assets/javascripts/hoverRecording.js
@@ -58,7 +58,7 @@
 
               instrumentHtml = '<td><div class="nowrap">';
               $.each(val.instrument_ids, function(index, val) {
-                instrumentHtml += '<img src="' + context.JK.getInstrumentIcon24(val) + '" width="24" height="24" />&nbsp;&nbsp;';
+                instrumentHtml += '<img src="' + context.JK.getInstrumentIcon24(val) + '" title="' + val + '" width="24" height="24" />&nbsp;&nbsp;';
               });
               instrumentHtml += '</div></td>';
               
diff --git a/web/app/assets/javascripts/hoverSession.js b/web/app/assets/javascripts/hoverSession.js
index 5ba742219..d64dfee71 100644
--- a/web/app/assets/javascripts/hoverSession.js
+++ b/web/app/assets/javascripts/hoverSession.js
@@ -25,7 +25,7 @@
               instrumentHtml = '<td><div class="nowrap">';
               var instruments = val.instruments.split("|");
               $.each(instruments, function(index, instrument) {
-                instrumentHtml += '<img src="' + context.JK.getInstrumentIcon24(instrument) + '" width="24" height="24" />&nbsp;';
+                instrumentHtml += '<img src="' + context.JK.getInstrumentIcon24(instrument) + '" title="' + instrument + '" width="24" height="24" />&nbsp;';
               });
 
               instrumentHtml += '</div></td>';