[uber] make the navigation controls an iframe

chrome/browser/resources/options2/options_page.css

+/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+body {
+  position: relative;
+}
+
 #main-content {
   display: -webkit-box;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }
 
 #mainview {
@@ skipping 113 matching lines @@
 /*
  * Override the font-size rule in shared_options.css file.
  * 16 px font-size proved to be more touch friendly. It increases the touchable
  * area for buttons and input boxes.
  */
 html[touch-optimized] body {
   font-size: 16px;
 }
 
 #overlay {
-  /* -155px hack compensates for uber navigation area.  */
-  left: -155px;
-  /* This padding keeps the dialog from moving too far to the left.
-   * 155px (navigation area) + 40px (dialog shadow) = 195px */
-  padding-left: 195px;
-  padding-right: 195px;
   z-index: 10;
 }
 
 .raw-button,
 .raw-button:hover,
 .raw-button:active {
   -webkit-box-shadow: none;
   background-color: transparent;
   background-repeat: no-repeat;
   border: none;
@@ skipping 581 matching lines @@
       url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE');
 }
 
 html[dir='rtl'] .controlled-setting-bubble-text {
   background-position: right top;
 }
 
 .controlled-setting-bubble-action {
   padding: 0 !important;
 }