demos/slider/side-scroll: fixed broken layout on index page on IE6, relates to #3851

diff --git a/demos/slider/side-scroll.html b/demos/slider/side-scroll.html
index 4d37ef1aa82ba3fb02244224a329839faa4c3a0c..0900f0d653ea1d66029c3e724d81b5ead52fe80a 100644 (file)
--- a/demos/slider/side-scroll.html
+++ b/demos/slider/side-scroll.html
@@ -9,8 +9,8 @@
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <style type="text/css">
                #demo-frame > div.demo { padding: 10px !important; }
-               .scroll-pane { overflow: auto; width: 99%; }
-               .scroll-content { width: 2440px; }
+               .scroll-pane { overflow: auto; width: 99%; float:left; }
+               .scroll-content { width: 2440px; float: left; }
                .scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
                * html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
                .scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
@@ -91,8 +91,8 @@
 
 <div class="demo">
 
-<div class="scroll-pane ui-widget ui-widget-header ui-corner-all ui-helper-clearfix">
-       <div class="scroll-content" class="ui-helper-clearfix">
+<div class="scroll-pane ui-widget ui-widget-header ui-corner-all">
+       <div class="scroll-content">
                <div class="scroll-content-item ui-widget-header">1</div>
                <div class="scroll-content-item ui-widget-header">2</div>
                <div class="scroll-content-item ui-widget-header">3</div>