diff --git a/jOOQ-website/css/jooq.css b/jOOQ-website/css/jooq.css
index 95d73dec5e..209a4a29b8 100644
--- a/jOOQ-website/css/jooq.css
+++ b/jOOQ-website/css/jooq.css
@@ -131,9 +131,11 @@ a:hover {
     padding-bottom: 1em;
 
     background: #aaaaaa;
-    background: -webkit-gradient(linear, left, right, from(#aaaaaa), to(#ffeeee));
+    background: -webkit-linear-gradient(left, #aaaaaa, #ffeeee);
     background: -moz-linear-gradient(left, #aaaaaa, #ffeeee);
     background: gradient(linear, left, right, from(#aaaaaa), to(#ffeeee));
+	filter: progid:DXImageTransform.Microsoft.Gradient(
+                StartColorStr='#aaaaaa', EndColorStr='#ffeeee', GradientType=1);
 
     -webkit-box-shadow: inset rgba(0,0,0,.1) 0 5px 5px;
     -moz-box-shadow: inset rgba(0,0,0,.1) 0 5px 5px;
@@ -147,9 +149,11 @@ a:hover {
     padding-right: 3em;
 
     background: #e8e8e8;
-    background: -webkit-gradient(linear, left, right, from(#e8e8e8), to(#ffffff));
+    background: -webkit-linear-gradient(left, #e8e8e8, #ffffff);
     background: -moz-linear-gradient(left, #e8e8e8, #ffffff);
     background: gradient(linear, left, right, from(#e8e8e8), to(#ffffff));
+	filter: progid:DXImageTransform.Microsoft.Gradient(
+                StartColorStr='#e8e8e8', EndColorStr='#ffffff', GradientType=1);
 
     -webkit-box-shadow: inset rgba(0,0,0,.1) 0 5px 5px;
     -moz-box-shadow: inset rgba(0,0,0,.1) 0 5px 5px;
@@ -166,9 +170,9 @@ a:hover {
 
 	height: 50px;
     background: #444;
-    background:  -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
-    background:  -moz-linear-gradient(top, #555, #333);
-    background:  gradient(linear, left top, left bottom, from(#555), to(#333));
+    background: -webkit-linear-gradient(left top, #555, #333);
+    background: -moz-linear-gradient(top, #555, #333);
+    background: gradient(linear, left top, left bottom, from(#555), to(#333));
 }
 
 #tweets {