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>