Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 #d1 {
6 width: 250px;
7 height: 200px;
8 margin: 200px;
9 transform: translateY(10px);
10 }
11 #d1.hidden {
12 transform: translateY(20px);
13 }
14 #d2 {
15 background-color: yellow;
16 position: relative;
17 width: 100px;
18 height: 100px;
19 left: 0;
20 }
21 .hidden > #d2 {
22 left: -100px;
23 }
24 </style>
25 </head>
26 <body>
27 <div id="d1" class="hidden">
28 <div id="d2"></div>
29 </div>
30 </body>
31 </html>