diff --git a/docs/banner.html b/docs/banner.html
index 9cb27bb6d1c..4f12c7ac64d 100644
--- a/docs/banner.html
+++ b/docs/banner.html
@@ -1,27 +1,27 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html LANG=en>
 <head>
-  <title>Banner</title>
+  <title>Banner</title
+><STYLE TYPE="TEXT/CSS" ><!-- 
+BODY { BACKGROUND: BLACK; COLOR: WHITE } TABLE { width: 94%; text-align: left; } 
+TD { vertical-align: top } 
+H1 { 
+FONT: X-LARGE sans-serif; TEXT-ALIGN: CENTER; 
+HEIGHT: 75PX; MARGIN-LEFT: 100PX; MARGIN-RIGHT: 100PX }
+.gears { WIDTH: 100PX; HEIGHT: 73PX; FLOAT: LEFT; BACKGROUND: URL('gears.png') RIGHT NO-REPEAT }
+DIV + .gears { FLOAT: RIGHT; BACKGROUND-POSITION: LEFT } 
+/*
+This should happen in the future instead:
+H1 {
+BORDER-LEFT: 71PX SOLID #C11800; BORDER-RIGHT: 71PX SOLID #00C130; 
+BORDER-TOP: 0PX; BORDER-BOTTOM: 0PX;
+border-image: url(gears.png) 100%; -WEBKIT-border-image: url(gears.png) 100%; 
+}
+*/
+} 
+--></STYLE >
 </head>
-<body bgcolor="#000000" text="#ffffff">
-<center>
-<table style="width: 95%; text-align: left;" border="0" cellpadding="2"
- cellspacing="2">
-  <tbody>
-    <tr>
-      <td style="vertical-align: top;">
-      <p><img src="gears.png"> </p>
-      </td>
-      <td style="text-align: center;"><font face="sans-serif" size="5">The
-Mesa 3D Graphics Library</font></td>
-      <td style="vertical-align: top; text-align: right;">
-      <p><img src="gears.png"> </p>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<p><font face="sans-serif" size="5"><br>
-</font></p>
-</center>
+<body ><DIV CLASS="gears" ></DIV ><DIV CLASS="gears" ></DIV ><H1 >The
+Mesa 3D Graphics Library</H1 >
 </body>
 </html>
