From a702fc0038db153f633c134ebef0b6ca7a43301c Mon Sep 17 00:00:00 2001
From: Andrew Trice <triceam@gmail.com>
Date: Tue, 22 May 2012 21:54:33 -0400
Subject: [PATCH] fixed css syles that caused iOS flicker

---
 examples/src/viewnavigator/viewnavigator.css | 26 ++++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/examples/src/viewnavigator/viewnavigator.css b/examples/src/viewnavigator/viewnavigator.css
index f688bc9..cf89370 100644
--- a/examples/src/viewnavigator/viewnavigator.css
+++ b/examples/src/viewnavigator/viewnavigator.css
@@ -27,10 +27,16 @@ body {
 	top:0px;
 	bottom:0px;
 	left:0px;
-	right:0px;
+	right:0px; 
 	overflow: hidden;
 	padding: 0px;
 	margin: 0px;
+	
+    backface-visibility: hidden;
+	-webkit-backface-visibility: hidden;
+	
+	transform: translate3d(0,0,0);
+	-webkit-transform: translate3d(0,0,0);
 }
 
 .viewNavigator_root {
@@ -56,6 +62,11 @@ body {
 	background: linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
 	
+    backface-visibility: hidden;
+	-webkit-backface-visibility: hidden;
+	
+	transform: translate3d(0,0,0);
+	-webkit-transform: translate3d(0,0,0);
 }
 
 .viewNavigator_header_backlink {
@@ -110,9 +121,11 @@ body {
 	bottom:0px;
 	overflow:hidden;
 	
-   backface-visibility: hidden;
+    backface-visibility: hidden;
 	-webkit-backface-visibility: hidden;
-    -webkit-transform:translate3d(0,0,0);
+	
+	transform: translate3d(0,0,0);
+	-webkit-transform: translate3d(0,0,0);
 }
 
 
@@ -124,13 +137,13 @@ body {
 	-webkit-backface-visibility: auto;
 }
 
-/*
+
 .viewNavigator_content div {
 
     backface-visibility: visible;
     -webkit-backface-visibility: visible;
     -webkit-transform: translate3d(0,0,0);
-}*/
+}
 
 .viewNavigator_contentHolder {
 	position:absolute;
@@ -149,6 +162,9 @@ body {
 
     backface-visibility: hidden;
 	-webkit-backface-visibility: hidden;
+	
+	transform: translate3d(0,0,0);
+	-webkit-transform: translate3d(0,0,0);
 
 }