diff --git a/epicyon-profile.css b/epicyon-profile.css
index ec1d2dbb..91cebc9d 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -939,6 +939,7 @@ aside .toggle-inside li {
         line-height: var(--line-spacing);
     }
     .timeline {
+	border: 0;
         width: 120%;
     }
     .column-left {
@@ -1415,6 +1416,7 @@ aside .toggle-inside li {
         line-height: var(--line-spacing);
     }
     .timeline {
+	border: 0;
         width: 100%;
     }
     .column-left {
diff --git a/webinterface.py b/webinterface.py
index 5220006a..cfe97f4a 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -5355,10 +5355,18 @@ def htmlTimeline(defaultTimeline: str,
     tlStr += '<div class="timeline-banner">'
     tlStr += '</div>\n</a>\n'
 
-    tlStr += '<div class="timeline">\n'
-    tlStr += '  <div class="column-left">\n'
-    tlStr += '  </div>\n'
-    tlStr += '  <div class="column-center">\n'
+    # start the timeline
+    tlStr += '<table class="timeline">\n'
+    tlStr += '  <colgroup>\n'
+    tlStr += '    <col span="1" class="column-left">\n'
+    tlStr += '    <col span="1" class="column-center">\n'
+    tlStr += '    <col span="1" class="column-right">\n'
+    tlStr += '  </colgroup>\n'
+    tlStr += '  <tr>\n'
+    # left column
+    tlStr += '  <td class="column-left"></td>\n'
+    # center column containing posts
+    tlStr += '  <td class="column-center">\n'
 
     # start of the button header with inbox, outbox, etc
     tlStr += '    <div class="container">\n'
@@ -5658,9 +5666,9 @@ def htmlTimeline(defaultTimeline: str,
             tlStr += '</div>\n'
 
     # end of column-center
-    tlStr += '  </div>\n'
-    tlStr += '  <div class="column-right">\n'
-    tlStr += '  </div>\n'
+    tlStr += '  </td>\n'
+    tlStr += '  <td class="column-right"></td>\n'
+    tlStr += '  </table>\n'
     tlStr += '</div>'
 
     # benchmark 9