diff --git a/tests/cases/transform/nested.html b/tests/cases/transform/nested.html
new file mode 100644
index 0000000..946d519
--- /dev/null
+++ b/tests/cases/transform/nested.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Nested transform tests</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <script type="text/javascript" src="../../test.js"></script>
+    <style>
+        #first {
+            background: indianred;
+            margin-top: 100px;
+        }
+        #second {
+            border: 10px solid red;
+            background: darkseagreen;
+            -webkit-transform: rotate(7.5deg);  /* Chrome, Safari 3.1+ */
+            -moz-transform: rotate(7.5deg);  /* Firefox 3.5-15 */
+            -ms-transform: rotate(7.5deg);  /* IE 9 */
+            -o-transform: rotate(7.5deg);  /* Opera 10.50-12.00 */
+            transform: rotate(7.5deg);
+        }
+        #third {
+            background: cadetblue;
+            -webkit-transform: rotate(-70.5deg);  /* Chrome, Safari 3.1+ */
+            -moz-transform: rotate(-70.5deg);  /* Firefox 3.5-15 */
+            -ms-transform: rotate(-70.5deg);  /* IE 9 */
+            -o-transform: rotate(-70.5deg);  /* Opera 10.50-12.00 */
+            transform: rotate(-70.5deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
+
+        }
+        div {
+            display: inline-block;
+            padding: 10px;
+        }
+    </style>
+
+</head>
+<body>
+<div id="first">First level content <div id="second">with second level content <div id="third">and third level content</div>, ending second</div>, ending first</div>
+</body>
+</html>
