examples/resizable/basic.html

diff --git a/examples/resizable/basic.html b/examples/resizable/basic.html
index e6d9295..ff99b66 100644 (file)
--- a/examples/resizable/basic.html
+++ b/examples/resizable/basic.html
@@ -187,11 +187,11 @@ Warning: Snapping and preserveRatio conflict and can not be used together.
 Warning: for obvious reasons animate and dynamic resizing can not be used together.
 <hr>
 
-
-<div id="box1" style="position:absolute; left:400px;padding:10px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 1</div>
-<div id="box2" style="position:absolute; left:600px;padding:20px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 2</div>
-<div id="box3" style="position:absolute; left:830px;padding:30px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 3</div>
-
+<div id="multi-box" style="background: none repeat scroll 0px 0px;height: 200px; left: 400px; opacity: 0.7; position: relative;">
+    <div id="box1" style="position:absolute; left:400px;padding:10px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 1</div>
+    <div id="box2" style="position:absolute; left:600px;padding:20px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 2</div>
+    <div id="box3" style="position:absolute; left:830px;padding:30px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 3</div>
+</div>
 <pre class="code">
 <code>var custom = new Ext.Resizable('custom', {
     wrap:true,