From 927857ce84b11b081d0c983e5fa561bc2264bd19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=CC=88rn=20Zaefferer?= <joern.zaefferer@gmail.com>
Date: Tue, 12 Jul 2011 11:15:33 -0400
Subject: [PATCH] Position: Cleanup up position demo CSS and add it to the
 within-visual-test

---
 demos/position/default.html                | 14 +++++++-------
 tests/visual/position/position_within.html | 13 ++++++++++++-
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/demos/position/default.html b/demos/position/default.html
index 60b8b39f935..72bf8abccbf 100644
--- a/demos/position/default.html
+++ b/demos/position/default.html
@@ -12,7 +12,7 @@
 	<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;
@@ -20,7 +20,7 @@
 		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>
diff --git a/tests/visual/position/position_within.html b/tests/visual/position/position_within.html
index f120a4b4775..4440a097544 100644
--- a/tests/visual/position/position_within.html
+++ b/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;
     	}