diff -urNp zen/zen/ie6.css zen-new/zen/ie6.css
--- zen/zen/ie6.css	1969-12-31 16:00:00.000000000 -0800
+++ zen-new/zen/ie6.css	2008-10-30 09:39:17.000000000 -0700
@@ -0,0 +1,106 @@
+/* $Id$ */
+
+/*
+ * IE 6 CSS
+ *
+ * CSS targeted specifically for Internet Explorer 6 for Windows.
+ *
+ * All CSS in this file will also be read by IE 5.
+ *
+ */
+
+/*
+ * Layout CSS
+ */
+
+/** body **/
+  body
+  {
+    text-align: center; /* 1st part of IE5/IE6quirks centering hack */
+  }
+
+  #page
+  {
+    text-align: left; /* 2nd part of IE5/IE6quirks centering hack */
+  }
+
+/** main (container for everything else) **/
+  #main
+  {
+    zoom: 1; /* Otherwise with a liquid layout, sidebars disappear when resizing the windows in IE6 */
+  }
+
+/** floating divs **/
+  #content,
+  #navbar,
+  #sidebar-left,
+  #sidebar-right
+  {
+    display: inline; /* display inline or double your floated margin! [1] */
+    overflow: hidden; /* in ie6, overflow auto is broken [2] and so is overflow visible [3] */
+    overflow-y: visible;
+  }
+
+
+/*
+ * Tabs CSS - IE 5 and 6 don't support PNGs with alpha transparency.
+ */
+
+  ul.primary li a,
+  ul.primary li a .tab,
+  ul.secondary li a,
+  ul.secondary li a .tab
+  {
+    display: inline; /* Otherwise the blocks mistakenly get 100% width in IE5 */
+    di\splay: inline-block; /* Otherwise the blocks mistakenly get 100% width in IE6 */
+  }
+
+  ul.primary,
+  ul.secondary
+  {
+    width: 100%; /* Otherwise IE5 treats the ul as floated */
+    w\idth: auto; /* Reset to auto width for IE6 */
+  }
+
+  ul.primary li a
+  {
+    background: url(images/tab-left-ie6.png) no-repeat left -38px;
+  }
+
+  ul.primary li a .tab
+  {
+    background: url(images/tab-right-ie6.png) no-repeat right -38px;
+  }
+
+  ul.primary li a:hover
+  {
+    background: url(images/tab-left-ie6.png) no-repeat left -76px;
+  }
+
+  ul.primary li a:hover .tab
+  {
+    background: url(images/tab-right-ie6.png) no-repeat right -76px;
+  }
+
+  ul.primary li.active a,
+  ul.primary li.active a:hover
+  {
+    background: url(images/tab-left-ie6.png) no-repeat left 0;
+  }
+
+  ul.primary li.active a .tab,
+  ul.primary li.active a:hover .tab
+  {
+    background: url(images/tab-right-ie6.png) no-repeat right 0;
+  }
+
+/*
+ * REFERECES
+ *
+
+1. http://www.positioniseverything.net/explorer/doubled-margin.html
+2. http://browservulsel.blogspot.com/2005/04/ie-overflow-auto-scrollbar-overlap.html
+3. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B
+
+ *
+ */
diff -urNp zen/zen/ie7.css zen-new/zen/ie7.css
--- zen/zen/ie7.css	1969-12-31 16:00:00.000000000 -0800
+++ zen-new/zen/ie7.css	2008-10-30 09:33:49.000000000 -0700
@@ -0,0 +1,26 @@
+/* $Id$ */
+
+/*
+ * IE 7 CSS
+ *
+ * CSS targeted specifically for Internet Explorer 7 for Windows.
+ *
+ * All CSS in this file will also be read by IE6 + IE 5.  If you want a change
+ * to be IE7 only, please override your changes in ie6.css
+ *
+ */
+
+/** Drupal nodes **/
+  .node-unpublished .node-inner>*
+  {
+    position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
+  }
+
+/** Drupal admin tables **/
+  .section-admin #content tr.even th,
+  .section-admin #content tr.even td,
+  .section-admin #content tr.odd th,
+  .section-admin #content tr.odd td
+  {
+    border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */
+  }
diff -urNp zen/zen/ie8.css zen-new/zen/ie8.css
--- zen/zen/ie8.css	1969-12-31 16:00:00.000000000 -0800
+++ zen-new/zen/ie8.css	2008-10-30 09:41:40.000000000 -0700
@@ -0,0 +1,11 @@
+/* $Id$ */
+
+/*
+ * IE 8 CSS
+ *
+ * CSS targeted specifically for Internet Explorer 8 for Windows.
+ *
+ * As IE8's css-compliance is supposed to be much better than its predecessors,
+ * CSS in this file will not effect any other version of Internet Explorer.
+ *
+ */
diff -urNp zen/zen/ie.css zen-new/zen/ie.css
--- zen/zen/ie.css	2008-02-15 08:22:09.000000000 -0800
+++ zen-new/zen/ie.css	1969-12-31 16:00:00.000000000 -0800
@@ -1,123 +0,0 @@
-/* $Id: ie.css,v 1.1 2008/02/15 16:22:09 johnalbin Exp $ */
-
-/*
- * IE CSS
- *
- * CSS targeted specifically for Internet Explorer for Windows.
- *
- * Properties starting with an underscore _ are for IE 5 and 6 only.
- * Properties starting with head:first-child+body are for IE7 only.
- * Properties with a child selector (>) or sibling selector (+) are for IE7 only.
- *
- */
-
-/*
- * Layout CSS
- */
-
-/** body **/
-  body
-  {
-    _text-align: center; /* 1st part of IE5/IE6quirks centering hack */
-  }
-
-  #page
-  {
-    _text-align: left; /* 2nd part of IE5/IE6quirks centering hack */
-  }
-
-/** main (container for everything else) **/
-  #main
-  {
-    _zoom: 1; /* Otherwise with a liquid layout, sidebars disappear when resizing the windows in IE6 */
-  }
-
-/** floating divs **/
-  #content,
-  #navbar,
-  #sidebar-left,
-  #sidebar-right
-  {
-    _display: inline; /* display inline or double your floated margin! [1] */
-    _overflow: hidden; /* in ie6, overflow auto is broken [2] and so is overflow visible [3] */
-    _overflow-y: visible;
-  }
-
-
-/*
- * Tabs CSS - IE 5 and 6 don't support PNGs with alpha transparency.
- */
-
-  ul.primary li a,
-  ul.primary li a .tab,
-  ul.secondary li a,
-  ul.secondary li a .tab
-  {
-    _display: inline; /* Otherwise the blocks mistakenly get 100% width in IE5 */
-    _di\splay: inline-block; /* Otherwise the blocks mistakenly get 100% width in IE6 */
-  }
-
-  ul.primary,
-  ul.secondary
-  {
-    _width: 100%; /* Otherwise IE5 treats the ul as floated */
-    _w\idth: auto; /* Reset to auto width for IE6 */
-  }
-
-  ul.primary li a
-  {
-    _background: url(images/tab-left-ie6.png) no-repeat left -38px;
-  }
-
-  ul.primary li a .tab
-  {
-    _background: url(images/tab-right-ie6.png) no-repeat right -38px;
-  }
-
-  ul.primary li a:hover
-  {
-    _background: url(images/tab-left-ie6.png) no-repeat left -76px;
-  }
-
-  ul.primary li a:hover .tab
-  {
-    _background: url(images/tab-right-ie6.png) no-repeat right -76px;
-  }
-
-  ul.primary li.active a,
-  ul.primary li.active a:hover
-  {
-    _background: url(images/tab-left-ie6.png) no-repeat left 0;
-  }
-
-  ul.primary li.active a .tab,
-  ul.primary li.active a:hover .tab
-  {
-    _background: url(images/tab-right-ie6.png) no-repeat right 0;
-  }
-
-/** Drupal nodes **/
-  .node-unpublished .node-inner>*
-  {
-    position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
-  }
-
-/** Drupal admin tables **/
-  .section-admin #content tr.even th,
-  .section-admin #content tr.even td,
-  .section-admin #content tr.odd th,
-  .section-admin #content tr.odd td
-  {
-    border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */
-  }
-
-/*
- * REFERECES
- *
-
-1. http://www.positioniseverything.net/explorer/doubled-margin.html
-2. http://browservulsel.blogspot.com/2005/04/ie-overflow-auto-scrollbar-overlap.html
-3. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B
-
- *
- */
diff -urNp zen/zen/zen.info zen-new/zen/zen.info
--- zen/zen/zen.info	2008-09-15 03:52:15.000000000 -0700
+++ zen-new/zen/zen.info	2008-10-30 09:17:04.000000000 -0700
@@ -38,7 +38,9 @@ stylesheets[print][] = print.css
   ;   stylesheets[all][] = layout-liquid.css
 
   ; Set the conditional stylesheets that are processed by IE.
-conditional-stylesheets[if IE][all][] = ie.css
+conditional-stylesheets[if (gte IE 8.0)&(lte IE 8.9)][all][] = ie8.css
+conditional-stylesheets[if lte IE 7.9][all][] = ie7.css
+conditional-stylesheets[if lte IE 6.9][all][] = ie6.css
 
   ; The regions defined in Zen's default page.tpl.php file.  The name in
   ; brackets is the name of the variable in the page.tpl.php file, (e.g.