unicode: support columns in webkit browsers

Still a little buggy by default, but can be worked around at least in
Chromium 16.

diff --git a/base.css b/base.css
index 509d646e6e5202d0155c5b202b0f8acd234ad130..37a5716f37fe44da368f6740a6e8ebe13caf6a6c 100644 (file)
--- a/base.css
+++ b/base.css
@@ -263,10 +263,14 @@ table.dimap {
 
 .diinfo {
        -moz-column-width: 24em;
+       -webkit-column-width: 24em;
        column-width: 24em;
 }
 .diinfo > div {
        overflow: hidden;
+       column-break-inside: avoid;
+       -webkit-column-break-inside: avoid;
+       position: relative; z-index: 1; /* webkit bug */
 }
 
 /* glyph cell overlay (digraph labels) */