diff --git a/README.md b/README.md
index 6fb1448..cb0e994 100644
--- a/README.md
+++ b/README.md
@@ -60,12 +60,16 @@ $('#yourdiv').liteAccordion('next').liteAccordion('next');
 ***
 ###Changelog
 
+**v2.1.1** - 10/09/2012
+
+- fixed issue #58
+
 **v2.1** - 19/08/2012
 
-* added responsive layout option
-* added minContainerWidth and maxContainerWidth properties for use with responsive option
-* added autoScale images option
-* click or hover on selected header now triggers slide
+- added responsive layout option
+- added minContainerWidth and maxContainerWidth properties for use with responsive option
+- added autoScale images option
+- click or hover on selected header now triggers slide
 - linkable now uses 'data-slide-name' instead of 'name'
 - $.browser no longer used
 
diff --git a/css/liteaccordion.css b/css/liteaccordion.css
index 31896e0..c5404f7 100644
--- a/css/liteaccordion.css
+++ b/css/liteaccordion.css
@@ -6,7 +6,7 @@
 *   url:        http://nicolahibbert.com/liteaccordion-v2/
 *   demo:       http://www.nicolahibbert.com/demo/liteAccordion/
 *
-*   Version:    2.1.0
+*   Version:    2.1.1
 *   Copyright:  (c) 2010-2012 Nicola Hibbert
 *   Licence:    MIT
 *
@@ -151,7 +151,7 @@
     top: -9px; 
     left: -9px; 
     background: #353535; 
-    border-width: 9px;     
+    border: 9px solid transparent;    
     -webkit-border-image: url('bg_stitch.png') 9 repeat; 
     -moz-border-image: url('bg_stitch.png') 9 repeat;
     -o-border-image: url('bg_stitch.png') 9 repeat;
@@ -163,13 +163,13 @@
     padding-right: 5%;
     color: white;
     text-shadow: -1px 1px 0 #5b5b5b;
-    border-width: 9px; 
+    border: 9px solid transparent;
     background-image: url('bg_noise.png');
-    margin-top: 0;
+    margin-top: 0;   
     -webkit-border-image: url('bg_stitch.png') 9 repeat; 
     -moz-border-image: url('bg_stitch.png') 9 repeat;
     -o-border-image: url('bg_stitch.png') 9 repeat;
-    border-image: url('bg_stitch.png') 9 repeat;
+    border-image: url('bg_stitch.png') 9 repeat;    
 }
 .liteAccordion.stitch .slide > h2.selected:after { 
     content: ''; 
@@ -185,13 +185,13 @@
     transform: rotate(45deg);
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-    border-width: 9px;
+    border: 9px solid transparent;
     border-top: 0;
-    border-left: 0; 
+    border-left: 0;  
     -webkit-border-image: url('bg_stitch.png') 9 repeat; 
     -moz-border-image: url('bg_stitch.png') 9 repeat;
     -o-border-image: url('bg_stitch.png') 9 repeat;
-    border-image: url('bg_stitch.png') 9 repeat;
+    border-image: url('bg_stitch.png') 9 repeat;  
     background-image: url('bg_noise.png');  
 }
 
diff --git a/index.html b/index.html
index dcd3c69..08754fa 100644
--- a/index.html
+++ b/index.html
@@ -400,31 +400,31 @@ <h2>Methods</h2>
         <h2>More Examples</h2>
         <div id="three">
             <ol>
-                <li name="ezio">
+                <li data-slide-name="ezio">
                     <h2><span>Slide One</span></h2>
                     <div>
                         <img src="img-demo/1.jpg" alt="image" />
                     </div>
                 </li>
-                <li name="imperial">
+                <li data-slide-name="imperial">
                     <h2><span>Slide Two</span></h2>
                     <div>
                         <img src="img-demo/2.jpg" alt="image" />
                     </div>
                 </li>
-                <li name="zelda">
+                <li data-slide-name="zelda">
                     <h2><span>Slide Three</span></h2>
                     <div>
                         <img src="img-demo/3.jpg" alt="image" />
                     </div>
                 </li>
-                <li name="man-down">
+                <li data-slide-name="man-down">
                     <h2><span>Slide Four</span></h2>
                     <div>
                         <img src="img-demo/4.jpg" width="768" alt="image" />
                     </div>
                 </li>
-                <li name="crash">
+                <li data-slide-name="crash">
                     <h2><span>Slide Five</span></h2>
                     <div>
                         <img src="img-demo/5.jpg" alt="image" />
diff --git a/js/liteaccordion.jquery.js b/js/liteaccordion.jquery.js
index dc59781..8bce12e 100644
--- a/js/liteaccordion.jquery.js
+++ b/js/liteaccordion.jquery.js
@@ -5,7 +5,7 @@
 *   url:        http://nicolahibbert.com/liteaccordion-v2/
 *   demo:       http://www.nicolahibbert.com/demo/liteAccordion/
 *
-*   Version:    2.1.0
+*   Version:    2.1.1
 *   Copyright:  (c) 2010-2012 Nicola Hibbert
 *   Licence:    MIT
 *
diff --git a/js/liteaccordion.jquery.min.js b/js/liteaccordion.jquery.min.js
index 5548360..7682093 100644
--- a/js/liteaccordion.jquery.min.js
+++ b/js/liteaccordion.jquery.min.js
@@ -5,7 +5,7 @@
 *   url:        http://nicolahibbert.com/liteaccordion-v2/
 *   demo:       http://www.nicolahibbert.com/demo/liteAccordion/
 *
-*   Version:    2.1.0
+*   Version:    2.1.1
 *   Copyright:  (c) 2010-2012 Nicola Hibbert
 *   Licence:    MIT
 *
diff --git a/responsive.html b/responsive.html
index 52692ad..afdb694 100644
--- a/responsive.html
+++ b/responsive.html
@@ -8,7 +8,7 @@
             /* css for this page */
             body { font: 14px/24px 'Helvetica Neue', Arial, sans-serif; color: #333; margin: 30px 0 60px; text-align: center; background: #eee }            
             body > h2 { margin: 30px 0 15px; text-shadow: 1px 1px 0 white; border-bottom: 2px solid #333; padding-bottom: 5px }
-            .wrapper { margin: 0 auto; text-align: left; width: 95% }
+            .wrapper { margin: 0 auto; text-align: left; width: 100%; height: 900px }
             h1 { text-align: center; margin-bottom: 30px; text-shadow: 1px 1px 0 white }
             strong + p { margin-top: 0 }
             dt { font-weight: bold }
@@ -84,7 +84,7 @@ <h2><span>Slide Four</span></h2>
         <!-- liteAccordion demos -->
         <script>
             (function($) {
-                $('#responsive').liteAccordion({ firstSlide : 1, responsive : true, autoScaleImages : true });
+                $('#responsive').liteAccordion({ responsive: true, autoScaleImages : true });
             })(jQuery);  
         </script>