Position demo: Updated sizes of elements.

diff --git a/demos/position/default.html b/demos/position/default.html
index f7cba888d623fdc2e06525c1797c138febd3a79f..f5caf3bc1c10e600106a20c18902073c1137ba1c 100644 (file)
--- a/demos/position/default.html
+++ b/demos/position/default.html
@@ -14,6 +14,7 @@
        <style>
        #parent {
                width: 60%;
+               height: 40px;
                margin: 10px auto;
                padding: 5px;
                border: 1px solid #777;
@@ -21,8 +22,6 @@
                text-align: center;
        }
        .positionable {
-               width: 75px;
-               height: 75px;
                position: absolute;
                display: block;
                right: 0;
@@ -30,6 +29,14 @@
                background-color: #bcd5e6;
                text-align: center;
        }
+       #positionable1 {
+               width: 75px;
+               height: 75px;
+       }
+       #positionable2 {
+               width: 120px;
+               height: 40px;
+       }
        .ui-flipped-top {
                border-top: 3px solid #000000;
        }
@@ -93,13 +100,13 @@
        </p>
 </div>
 
-<div class="positionable">
+<div class="positionable" id="positionable1">
        <p>
        to position
        </p>
 </div>
 
-<div class="positionable" style="width:120px; height: 40px;">
+<div class="positionable" id="positionable2">
        <p>
        to position 2
        </p>