Accordion: fixed accordion drawers demo for IE6 and 7. Tested in FF2, FF3, Safari 3, Opera 9.5, IE6, IE7 & Chrome on WinXP. All look pretty good. However, IE6 still has slightly darker side borders caused by the .drawer-handle.open clause which is not properly supported by IE6.

1 files changed, 10 insertions, 1 deletions

diff --git a/demos/real-world/accordion-drawers/index.html b/demos/real-world/accordion-drawers/index.html
index 38dcc6d85..231267419 100644
--- a/demos/real-world/accordion-drawers/index.html
+++ b/demos/real-world/accordion-drawers/index.html
@@ -98,7 +98,9 @@ blockquote, q {
                 color:#76797C;
                 font-size:11px;
                 line-height:1.3em;
+                height: 1%; /* for IE6 & 7 */
             }
+
                 .drawer-handle {
                     background:#939393 url(images/slider_handlebg.png) no-repeat scroll 0pt;
                     color:#333333;
@@ -123,6 +125,13 @@ blockquote, q {
                     padding: 0 12px;
                     padding-bottom:0pt;
                 }
+
+                /* for IE6 - to override the colour set by .drawer-handle.open (IE6 cannot handle class concatinations) */
+                * html .drawer ul {
+                    background-color: #FFFFFF;
+                    margin: 0 1px;
+                }
+
                 .drawer li {
                     border-bottom:1px solid #E5E5E5;
                     line-height:16px;
@@ -178,10 +187,10 @@ blockquote, q {
         </p>
     </div>
     <div class="drawers-wrapper">
+        <div class="capt"></div>
         <ul class="drawers">
             <li class="drawer">
                 <h2 class="drawer-handle open">
-                    <div class="capt"></div>
                     <span>Downloads</span>
                 </h2>
                 <ul class="alldownloads">