/tmp/cvsSeRn0i

content/style.js

@@ -25,6 +25,7 @@ function Highlights(name, store, serial)
         MoreMsg     color: green; background: white;
         WarningMsg  color: red; background: white;
         Message     white-space: normal; min-width: 100%; padding-left: 2em; text-indent: -2em; display: block;
+        NonText     color: blue; min-height: 16px; padding-left: 2px;
 
 
         CompItem

content/ui.js

@@ -1286,7 +1286,6 @@ function ItemList(id) //{{{
     var endIndex = -1;    // The index one *after* the last displayed item
     var selIndex = -1;    // The index of the currently selected element
     var completionBody = null;
-    var completionElements = null;
     var minHeight = 0;
 
     function autoSize()
@@ -1381,14 +1380,15 @@ function ItemList(id) //{{{
                       <div class="hl-Completions">
                       {
                           template.map(util.range(0, maxItems), function (i)
-                          <ul class="hl-CompItem"><li class="hl-NonText">~</li></ul>)
+                          <ul><li class="hl-NonText">~</li></ul>)
                       }
                       </div>;
                   </div>;
 
         let dom = util.xmlToDom(div, doc);
         completionBody = dom.getElementsByClassName("hl-Completions")[0];
-        completionElements = completionBody.childNodes;
+        //completionElements = completionBody.childNodes;
+        completionElements = dom.getElementsByClassName("hl-CompItem");
         doc.body.replaceChild(dom, doc.body.firstChild);
     }
 

skin/liberator.css

@@ -55,6 +55,9 @@ the terms of any one of the MPL, the GPL or the LGPL.
 .hl-CompItem {
     display: table-row;
 }
+.hl-Completions > ul {
+    display: table-row;
+}
 .hl-CompItem > * {
     -moz-binding: url(chrome://liberator/content/bindings.xml#compitem-td);
     display: table-cell;