diff --git a/hledger-web/.hledger/web/static/hledger.js b/hledger-web/.hledger/web/static/hledger.js
index febc5cdec..d4ebe51a4 100644
--- a/hledger-web/.hledger/web/static/hledger.js
+++ b/hledger-web/.hledger/web/static/hledger.js
@@ -7,20 +7,12 @@ $(document).ready(function() {
     if ($.url.param('add')) addformToggle();
     else if ($.url.param('edit')) editformToggle();
 
-    /* set up hover handlers for sidebar account links */
-    $('.balancereport .account a').hover(displayMouseOver,hideMouseOver);
+    /* set up sidebar account mouse-over handlers */
+    $('.balancereport td.account').mouseenter(function(){ $(this).addClass('mouseover'); });
+    $('.balancereport td.account').mouseleave(function(){ $(this).removeClass('mouseover'); });
+
 });
 
-/* Display this element's *mouseover sibling */
-function displayMouseOver(ev) {
-  $(getTarget(ev)).next().style.display = 'block';
-}
-
-/* Display this element's *mouseover sibling */
-function hideMouseOver(ev) {
-  $(getTarget(ev)).next().style.display = 'none';
-}
-
 function searchformToggle() {
  var a = document.getElementById('addform');
  var e = document.getElementById('editform');
diff --git a/hledger-web/.hledger/web/static/style.css b/hledger-web/.hledger/web/static/style.css
index e8a320abd..362c9c9d7 100644
--- a/hledger-web/.hledger/web/static/style.css
+++ b/hledger-web/.hledger/web/static/style.css
@@ -25,7 +25,11 @@ body                                                                 { backgroun
 .balancereport .inacct                                               { background-color:#eee; font-weight:bold; }
 .notinacct, .notinacct :link, .notinacct :visited, .notinacct .negative  { /*color:#aaa;*/ }
 .balancereport .numpostings                                          { padding-left:1em; color:#aaa; }
-.balancereport .accountmouseover                                     { background-color:rgba(0,0,138,0.5); display:none; position:relative; }
+.balancereport .accountextralinks { visibility:hidden; }
+.balancereport td.account.mouseover { background-color:rgba(208,208,208,0.5); }
+.balancereport td.account.mouseover .accountextralinks { visibility:visible; }
+.balancereport .accountextralinks { margin-left:0em; font-weight:normal; font-size:smaller; display:inline-block; text-align:right; }
+.balancereport .accountextralinks a { margin-left:0.5em; }
 
 /*------------------------------------------------------------------------------------------*/
 /* 2. font families & sizes */
diff --git a/hledger-web/.hledger/web/templates/balancereportitem.hamlet b/hledger-web/.hledger/web/templates/balancereportitem.hamlet
index 9753bd2e0..a656ea0cb 100644
--- a/hledger-web/.hledger/web/templates/balancereportitem.hamlet
+++ b/hledger-web/.hledger/web/templates/balancereportitem.hamlet
@@ -2,9 +2,11 @@
  <td.account.#{depthclass}
   #{indent}
   <a href="@?{accturl}">#{adisplay}
-  <div.accountmouseover
-   <a href="@?{acctsurl}">subs
-   <a href="@?{acctsonlyurl}">only
+  <span.accountextralinks
+   &nbsp;
+   <a href="@?{acctsurl}">+subs
+   &nbsp;
+   <a href="@?{acctsonlyurl}">-others
 
  <td.balance align=right>#{mixedAmountAsHtml abal}
  <td.numpostings align=right>(#{numpostingsinacct acct})