Position: Cleanup up position demo CSS and add it to the within-visual-test

Author: jzaefferer

demos/position/default.html

@@ -12,15 +12,15 @@
 	<script src="../../ui/jquery.ui.position.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
-	div#parent {
+	#parent {
 		width: 60%;
 		margin: 10px auto;
 		padding: 5px;
 		border: 1px solid #777;
 		background-color: #fbca93;
 		text-align: center;
 	}
-	div.positionable {
+	.positionable {
 		width: 75px;
 		height: 75px;
 		position: absolute;
@@ -30,16 +30,16 @@
 		background-color: #bcd5e6;
 		text-align: center;
 	}
-	div.ui-flipped-top {
+	.ui-flipped-top {
 		border-top: 3px solid #000000;
 	}
-	div.ui-flipped-bottom {
+	.ui-flipped-bottom {
 		border-bottom: 3px solid #000000;
 	}
-	div.ui-flipped-left {
+	.ui-flipped-left {
 		border-left: 3px solid #000000;
 	}
-	div.ui-flipped-right {
+	.ui-flipped-right {
 		border-right: 3px solid #000000;
 	}
 	select, input {
@@ -113,7 +113,7 @@
 			<option value="left">left</option>
 			<option value="center">center</option>
 			<option value="right">right</option>
-		</select> 
+		</select>
 		<select id="my_vertical">
 			<option value="top">top</option>
 			<option value="middle">center</option>

tests/visual/position/position_within.html

@@ -66,9 +66,20 @@
     		bottom: 0;
     		background-color: #bcd5e6;
     		text-align: center;
-            border:solid 2px #555;
             cursor:move;
     	}
+    	.ui-flipped-top {
+		border-top: 3px solid #000000;
+		}
+		.ui-flipped-bottom {
+			border-bottom: 3px solid #000000;
+		}
+		.ui-flipped-left {
+			border-left: 3px solid #000000;
+		}
+		.ui-flipped-right {
+			border-right: 3px solid #000000;
+		}
     	select, input {
     		margin-left: 15px;
     	}