diff --git a/app/javascript/src/javascripts/user_tooltips.js b/app/javascript/src/javascripts/user_tooltips.js
index 9d939b9c5..bb73ba982 100644
--- a/app/javascript/src/javascripts/user_tooltips.js
+++ b/app/javascript/src/javascripts/user_tooltips.js
@@ -11,7 +11,7 @@ UserTooltip.DURATION = 250;
 UserTooltip.MAX_WIDTH = 600;
 
 UserTooltip.initialize = function () {
-  delegate("#page", {
+  delegate("body", {
     allowHTML: true,
     appendTo: document.querySelector("#user-tooltips"),
     delay: [UserTooltip.SHOW_DELAY, UserTooltip.HIDE_DELAY],
diff --git a/app/views/layouts/default.html.erb b/app/views/layouts/default.html.erb
index 8cde245b3..b94ba203f 100644
--- a/app/views/layouts/default.html.erb
+++ b/app/views/layouts/default.html.erb
@@ -99,11 +99,12 @@
   </div>
 
   <div id="tooltips">
+    <%# Order matters here; items at the bottom of the list appear on top of earlier items %>
     <div id="post-tooltips"></div>
-    <div id="user-tooltips"></div>
     <div id="comment-votes-tooltips"></div>
     <div id="post-votes-tooltips"></div>
     <div id="post-favorites-tooltips"></div>
+    <div id="user-tooltips"></div>
     <div id="popup-menus"></div>
   </div>