Changing CodeMirror-scroll to overflow-y: hidden.

* It seems that our old setting of visible was causing scroll bars
  to appear if font sizes change in Chrome.
* Also changed json -> xml in Download UI.

IPython/frontend/html/notebook/static/css/notebook.css

@@ -271,7 +271,9 b' div.text_cell_render {'
 
 .CodeMirror-scroll {
   height: auto;     /* Changed to auto to autogrow */
-  overflow-y: visible; /* Changed from auto to remove scrollbar */
+    /*  The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
+    /*  We have found that if it is visible, vertical scrollbars appear with font size changes.*/
+    overflow-y: hidden;
   overflow-x: auto; /* Changed from auto to remove scrollbar */
 }
 

IPython/frontend/html/notebook/templates/notebook.html

@@ -62,7 +62,7 b''
                 <div class="section_row">
                     <span>
                         <select id="download_format">
-                            <option value="json">json</option>
+                            <option value="json">ipynb</option>
                             <option value="py">py</option>
                         </select>
                     </span>