10 files changed, 41 insertions, 18 deletions
diff --git a/tests/visual/slider/default.html b/tests/visual/slider/default.html
index 4713d8f7e..dc57608b7 100644
--- a/tests/visual/slider/default.html
+++ b/tests/visual/slider/default.html
@@ -9,13 +9,13 @@
 	<script type="text/javascript" src="../../../ui/ui.slider.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#slider").slider();
+		$("body").children(":first").slider();
 	});
 	</script>
 </head>
 <body>
 
-<div id="slider"></div>
+<div></div>
 
 </body>
 </html>
diff --git a/tests/visual/slider/default_vertical.html b/tests/visual/slider/default_vertical.html
new file mode 100644
index 000000000..e0e5618be
--- /dev/null
+++ b/tests/visual/slider/default_vertical.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<title>Slider Visual Test : Default vertical</title>
+	<link rel="stylesheet" href="../visual.css" type="text/css" />
+	<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+	<script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
+	<script type="text/javascript" src="../../../ui/ui.core.js"></script>
+	<script type="text/javascript" src="../../../ui/ui.slider.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("body").children(":first").slider({
+			orientation: 'vertical'
+		});
+	});
+	</script>
+</head>
+<body>
+
+<div></div>
+
+</body>
+</html>
diff --git a/tests/visual/slider/slider_horizontal.html b/tests/visual/slider/slider_horizontal.html
index c816a718b..fb6fe1027 100644
--- a/tests/visual/slider/slider_horizontal.html
+++ b/tests/visual/slider/slider_horizontal.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../../ui/ui.slider.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#slider-horizontal").slider({
+		$("body").children(":first").slider({
 			orientation: 'horizontal',
 			value: 50
 		});
@@ -18,7 +18,7 @@
 </head>
 <body>
 
-<div id="slider-horizontal"></div>
+<div></div>
 
 </body>
 </html>
diff --git a/tests/visual/slider/slider_horizontal_range.html b/tests/visual/slider/slider_horizontal_range.html
index 975a318df..182e27a1a 100644
--- a/tests/visual/slider/slider_horizontal_range.html
+++ b/tests/visual/slider/slider_horizontal_range.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../../ui/ui.slider.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#slider-horizontal-range").slider({
+		$("body").children(":first").slider({
 			orientation: 'horizontal',
 			range: true,
 			values: [25, 75]
@@ -19,7 +19,7 @@
 </head>
 <body>
 
-<div id="slider-horizontal-range"></div>
+<div></div>
 
 </body>
 </html>
diff --git a/tests/visual/slider/slider_horizontal_range_max.html b/tests/visual/slider/slider_horizontal_range_max.html
index a1e5d1732..68fd374a4 100644
--- a/tests/visual/slider/slider_horizontal_range_max.html
+++ b/tests/visual/slider/slider_horizontal_range_max.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../../ui/ui.slider.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#slider-horizontal-range-max").slider({
+		$("body").children(":first").slider({
 			orientation: 'horizontal',
 			range: 'max',
 			value: 75
@@ -19,7 +19,7 @@
 </head>
 <body>
 
-<div id="slider-horizontal-range-max"></div>
+<div></div>
 
 </body>
 </html>
diff --git a/tests/visual/slider/slider_horizontal_range_min.html b/tests/visual/slider/slider_horizontal_range_min.html
index ba0a2b0aa..cbf2d7f36 100644
--- a/tests/visual/slider/slider_horizontal_range_min.html
+++ b/tests/visual/slider/slider_horizontal_range_min.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../../ui/ui.slider.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#slider-horizontal-range-min").slider({
+		$("body").children(":first").slider({
 			orientation: 'horizontal',
 			range: 'min',
 			value: 25
@@ -19,7 +19,7 @@
 </head>
 <body>
 
-<div id="slider-horizontal-range-min"></div>
+<div></div>
 
 </body>
 </html>
diff --git a/tests/visual/slider/slider_vertical.html b/tests/visual/slider/slider_vertical.html
index c68696fb0..5ec02be21 100644
--- a/tests/visual/slider/slider_vertical.html
+++ b/tests/visual/slider/slider_vertical.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../../ui/ui.slider.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#slider-vertical").slider({
+		$("body").children(":first").slider({
 			orientation: 'vertical',
 			value: 50
 		});
@@ -18,7 +18,7 @@
 </head>
 <body>
 
-<div id="slider-vertical"></div>
+<div></div>
 
 </body>
 </html>
diff --git a/tests/visual/slider/slider_vertical_range.html b/tests/visual/slider/slider_vertical_range.html
index e1670b51f..d59fd5f57 100644
--- a/tests/visual/slider/slider_vertical_range.html
+++ b/tests/visual/slider/slider_vertical_range.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../../ui/ui.slider.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#slider-vertical-range").slider({
+		$("body").children(":first").slider({
 			orientation: 'vertical',
 			range: true,
 			values: [25, 75]
@@ -19,7 +19,7 @@
 </head>
 <body>
 
-<div id="slider-vertical-range"></div>
+<div></div>
 
 </body>
 </html>
diff --git a/tests/visual/slider/slider_vertical_range_max.html b/tests/visual/slider/slider_vertical_range_max.html
index 20e722787..d68eae585 100644
--- a/tests/visual/slider/slider_vertical_range_max.html
+++ b/tests/visual/slider/slider_vertical_range_max.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../../ui/ui.slider.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#slider-vertical-range-max").slider({
+		$("body").children(":first").slider({
 			orientation: 'vertical',
 			range: 'max',
 			value: 75
@@ -19,7 +19,7 @@
 </head>
 <body>
 
-<div id="slider-vertical-range-max"></div>
+<div></div>
 
 </body>
 </html>
diff --git a/tests/visual/slider/slider_vertical_range_min.html b/tests/visual/slider/slider_vertical_range_min.html
index 4452aedd3..5ce2c2a4d 100644
--- a/tests/visual/slider/slider_vertical_range_min.html
+++ b/tests/visual/slider/slider_vertical_range_min.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../../ui/ui.slider.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#slider-vertical-range-min").slider({
+		$("body").children(":first").slider({
 			orientation: 'vertical',
 			range: 'min',
 			value: 25
@@ -19,7 +19,7 @@
 </head>
 <body>
 
-<div id="slider-vertical-range-min"></div>
+<div></div>
 
 </body>
 </html>