Backbuffer needs z-index

Since we don't rely on the DOM order for layers, we also cannot rely on it
for backbuffers. This change simply adds a sensible z-index to the
backbuffer container.

lib/OpenLayers/Layer/Grid.js

@@ -705,6 +705,8 @@ OpenLayers.Layer.Grid = OpenLayers.Class(OpenLayers.Layer.HTTPRequest, {
             backBuffer.id = this.div.id + '_bb';
             backBuffer.className = 'olBackBuffer';
             backBuffer.style.position = 'absolute';
+            backBuffer.style.zIndex = this.map.Z_INDEX_BASE.BaseLayer -
+                    (this.map.getNumLayers() - this.map.getLayerIndex(this));
             for(var i=0, lenI=this.grid.length; i<lenI; i++) {
                 for(var j=0, lenJ=this.grid[i].length; j<lenJ; j++) {
                     var tile = this.grid[i][j],

tests/Layer/Grid.html

@@ -1049,7 +1049,7 @@
     }
 
     function test_createBackBuffer(t) {
-        t.plan(7);
+        t.plan(8);
 
         var map = new OpenLayers.Map('map');
         var layer = new OpenLayers.Layer.WMS('', '', {}, {
@@ -1083,6 +1083,7 @@
         layer.applyBackBuffer(1);
         t.ok(backBuffer != undefined,
              'createBackBuffer returns a back buffer');
+        t.eq(layer.backBuffer.style.zIndex, '99', 'z-index of backbuffer correct.');
         t.eq(backBuffer.childNodes[0].style.left, '0px',
              'first tile has correct left');
         t.eq(backBuffer.childNodes[0].style.top, '0px',