diff --git a/tests/visual/compound/sortable_accordion_sortable_tabs.html b/tests/visual/compound/sortable_accordion_sortable_tabs.html
new file mode 100644
index 0000000000..33205157d8
--- /dev/null
+++ b/tests/visual/compound/sortable_accordion_sortable_tabs.html
@@ -0,0 +1,107 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<title>Compound Visual Test : Accordion in Tabs</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/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.ui.accordion.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.ui.tabs.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$( "#accordion-1, #accordion-2" )
+			.accordion({
+				header: "> div > h3"
+			})
+			.sortable();
+
+		$( "#tabs" )
+			.tabs()
+			.find( ".ui-tabs-nav" )
+				.sortable();
+	});
+	</script>
+</head>
+<body>
+
+<div id="tabs">
+	<ul>
+		<li><a href="#tabs-1">First</a></li>
+		<li><a href="#tabs-2">Second</a></li>
+	</ul>
+	<div id="tabs-1">
+		<div id="accordion-1">
+			<div>
+				<h3><a href="#">Accordion Header 1</a></h3>
+				<div>
+					<p>Accordion Content 1</p>
+					<p>Accordion Content 1</p>
+					<p>Accordion Content 1</p>
+					<p>Accordion Content 1</p>
+					<p>Accordion Content 1</p>
+				</div>
+			</div>
+			<div>
+				<h3><a href="#">Accordion Header 2</a></h3>
+				<div>
+					<p>Accordion Content 2</p>
+					<p>Accordion Content 2</p>
+					<p>Accordion Content 2</p>
+					<p>Accordion Content 2</p>
+					<p>Accordion Content 2</p>
+				</div>
+			</div>
+			<div>
+				<h3><a href="#">Accordion Header 3</a></h3>
+				<div>
+					<p>Accordion Content 3</p>
+					<p>Accordion Content 3</p>
+					<p>Accordion Content 3</p>
+					<p>Accordion Content 3</p>
+					<p>Accordion Content 3</p>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="tabs-2">
+		<div id="accordion-1">
+			<div>
+				<h3><a href="#">Accordion Header 1</a></h3>
+				<div>
+					<p>Accordion Content 1</p>
+					<p>Accordion Content 1</p>
+					<p>Accordion Content 1</p>
+					<p>Accordion Content 1</p>
+					<p>Accordion Content 1</p>
+				</div>
+			</div>
+			<div>
+				<h3><a href="#">Accordion Header 2</a></h3>
+				<div>
+					<p>Accordion Content 2</p>
+					<p>Accordion Content 2</p>
+					<p>Accordion Content 2</p>
+					<p>Accordion Content 2</p>
+					<p>Accordion Content 2</p>
+				</div>
+			</div>
+			<div>
+				<h3><a href="#">Accordion Header 3</a></h3>
+				<div>
+					<p>Accordion Content 3</p>
+					<p>Accordion Content 3</p>
+					<p>Accordion Content 3</p>
+					<p>Accordion Content 3</p>
+					<p>Accordion Content 3</p>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+</body>
+</html>
