Position demo: Updated sizes of elements.

Author: scottgonzalez

demos/position/default.html

@@ -14,22 +14,29 @@
 <style>
 #parent {
 width: 60%;
+height: 40px;
 margin: 10px auto;
 padding: 5px;
 border: 1px solid #777;
 background-color: #fbca93;
 text-align: center;
 }
 .positionable {
-width: 75px;
-height: 75px;
 position: absolute;
 display: block;
 right: 0;
 bottom: 0;
 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>