diff --git a/css/af.ui.css b/css/af.ui.css
index 0bf98c2..7f8e070 100644
--- a/css/af.ui.css
+++ b/css/af.ui.css
@@ -2308,7 +2308,8 @@ input[type="checkbox"]:checked + label:before {
 }
 .firefox .view header {
   /* background: #00a900; */
-  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
+  // background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
+  background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
 
   color: #ffffff;
   border-color: transparent;
diff --git a/index.html b/index.html
index 2a1cab2..5ccb7a5 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,7 @@
         <script type="text/javascript" src="js/libs/l10n.js" defer></script>
     </head>
     <body>
-        <div id="afui">
+        <div id="afui" class="firefox">
             <div class="view" id="mainview">
                 <header>
                    <h1 data-l10n-id="app_title">ToDo List</h1>
diff --git a/js/init.js b/js/init.js
index 2d04b0e..76f390a 100644
--- a/js/init.js
+++ b/js/init.js
@@ -15,6 +15,7 @@
  */
 
 $.afui.autoLaunch = false; //By default, it is set to true and you're app will run right away.  We set it to false to show a splashscreen
+$.afui.useOSThemes = false;
     /* This function runs when the content is loaded.*/
      $(document).ready(function(){
         setTimeout(function(){
