diff --git a/Tools/capp/Resources/Templates/Application/index-debug.html b/Tools/capp/Resources/Templates/Application/index-debug.html
index 974cbd3cd..525fedab5 100644
--- a/Tools/capp/Resources/Templates/Application/index-debug.html
+++ b/Tools/capp/Resources/Templates/Application/index-debug.html
@@ -88,10 +88,6 @@
         </script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -99,8 +95,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {
diff --git a/Tools/capp/Resources/Templates/Application/index.html b/Tools/capp/Resources/Templates/Application/index.html
index e446eb421..9dec4e8db 100644
--- a/Tools/capp/Resources/Templates/Application/index.html
+++ b/Tools/capp/Resources/Templates/Application/index.html
@@ -58,10 +58,6 @@
         <script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -69,8 +65,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {
diff --git a/Tools/capp/Resources/Templates/NibApplication/index-debug.html b/Tools/capp/Resources/Templates/NibApplication/index-debug.html
index 974cbd3cd..525fedab5 100644
--- a/Tools/capp/Resources/Templates/NibApplication/index-debug.html
+++ b/Tools/capp/Resources/Templates/NibApplication/index-debug.html
@@ -88,10 +88,6 @@
         </script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -99,8 +95,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {
diff --git a/Tools/capp/Resources/Templates/NibApplication/index.html b/Tools/capp/Resources/Templates/NibApplication/index.html
index e446eb421..9dec4e8db 100644
--- a/Tools/capp/Resources/Templates/NibApplication/index.html
+++ b/Tools/capp/Resources/Templates/NibApplication/index.html
@@ -58,10 +58,6 @@
         <script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -69,8 +65,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {
diff --git a/Tools/capp/Resources/Templates/ThemeDescriptor/index-debug.html b/Tools/capp/Resources/Templates/ThemeDescriptor/index-debug.html
index 974cbd3cd..525fedab5 100644
--- a/Tools/capp/Resources/Templates/ThemeDescriptor/index-debug.html
+++ b/Tools/capp/Resources/Templates/ThemeDescriptor/index-debug.html
@@ -88,10 +88,6 @@
         </script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -99,8 +95,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {
diff --git a/Tools/capp/Resources/Templates/ThemeDescriptor/index.html b/Tools/capp/Resources/Templates/ThemeDescriptor/index.html
index e446eb421..9dec4e8db 100644
--- a/Tools/capp/Resources/Templates/ThemeDescriptor/index.html
+++ b/Tools/capp/Resources/Templates/ThemeDescriptor/index.html
@@ -58,10 +58,6 @@
         <script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script>
 
         <style type="text/css">
-            html, body {
-                height: 100%;
-            }
-
             html, body, h1, p {
                 margin: 0;
                 padding: 0;
@@ -69,8 +65,14 @@
 
             /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
             #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
                 width: 100%;
-                height: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: -1000;
             }
 
             #cappuccino-body .container {