0
@@ -6,7 +6,7 @@
0
   <title>Timeframe</title>
0
   
0
   <link rel="stylesheet" href="stylesheets/timeframe.css" type="text/css" media="screen" title="timeframe" charset="utf-8"/>
0
-  <!--[if IE]>
0
+  <!--[if IE 7]>
0
     <style type="text/css" media="screen">
0
       #calendar_navigation { margin: 0; }
0
     </style>
0
@@ -55,8 +55,7 @@
0
     </h2>
0
     <p>Warning, incompatibilities ahead!</p>
0
     <ul>
0
-      <li>IE likely fails. I just wanted to get this out there for feedback and improvement. Compatibility coming shortly.</li>
0
-      <li>Some browsers, like Opera and Camino, render it wonkily. This will be addressed, as well.</li>
0
+      <li>Not yet optimized for IE, though it works.</li>
0
       <li>Try <a href="http://apple.com/safari">Safari</a> for the best experience.
0
     </ul>
0
     <div id="example">

0
@@ -79,6 +79,7 @@
0
 /* Calendar*/
0
 
0
 table {
0
+  background: #fff;
0
   border-collapse: collapse;
0
   margin: 0 6px 15px;
0
   float: left;
0
0
0
0
0
0
0
0
0
0
0
0
@@ -111,51 +112,48 @@
0
       cursor: pointer;
0
     }
0
       td:hover {
0
-        background: #bbb;
0
+        background-color: #bbb;
0
       }
0
       td.selected:hover {
0
-        background: #e99a27;
0
+        background-color: #e99a27;
0
       }
0
     .pre, .post {
0
-      background: #aaa;
0
+      background-color: #aaa;
0
       color: #ccc;
0
     }
0
     .today {
0
-      background: #468966;
0
+      background-color: #468966;
0
       color: #eee;
0
     }
0
     .selected {
0
-      background: #ffb03b;
0
+      background-color: #ffb03b;
0
     }
0
-      .active.startrange {
0
-        -webkit-border-top-left-radius:     10px;
0
-        -webkit-border-bottom-left-radius:  10px;
0
-        -moz-border-radius-topleft:         11px;
0
-        -moz-border-radius-bottomleft:      11px;
0
-      }
0
-      .active.endrange {
0
-        -webkit-border-top-right-radius:    10px;
0
-        -webkit-border-bottom-right-radius: 10px;
0
-        -moz-border-radius-topright:        11px;
0
-        -moz-border-radius-bottomright:     11px;
0
-      }
0
+    .startrange.active {
0
+      background-image: url(../images/start.png);
0
+    }
0
+    .endrange.active {
0
+      background-image: url(../images/end.png);
0
+    }
0
+    .startrange.endrange.active {
0
+      background-image: url(../images/startend.png);
0
+    }
0
       .startrange, .endrange {
0
-        cursor: ew-resize;
0
+        cursor: col-resize;
0
       }
0
       .pre.selected, .post.selected {
0
-        background: #999 ;
0
+        background-color: #999 ;
0
       }
0
       .today.selected {
0
-        background: #b64926;
0
+        background-color: #b64926;
0
       }
0
     .stuck {
0
-      background: #e99a27;
0
+      background-color: #e99a27;
0
     }
0
       .pre.stuck, .post.stuck {
0
-        background: #888 ;
0
+        background-color: #888 ;
0
       }
0
       .today.stuck {
0
-        background: #8e2800;
0
+        background-color: #8e2800;
0
       }
0
 
0
     span.clear {