title: Why does Firefox 18 render elements with -moz-transform differently than Firefox 17?
body: <p>I had some HTML/CSS that worked correctly in Firefox 17, but after upgrading to Firefox 18 it stopped behaving as I expected. I am not sure if I am doing something wrong in my CSS (which is entirely possible since I am new to this) or if there was a bug introduced in Firefox 18.</p>
  
  <p>The following HTML file reproduces the issue:</p>
  
  <p></p>
  
  <pre><code>&lt;html&gt;&lt;head&gt;
      &lt;title&gt;Transform test&lt;/title&gt;
  
      &lt;style&gt;
          div.overlay {
              background-color: rgba(230, 230, 230, 0.8);
              bottom: 0;
              left: 0;
              position: fixed;
              right: 0;
              top: 0;
          }
          div.overlay.transparent {
              background-color: transparent;
          }
          div.overlayFrame {
              background-color: white;
              border: 1px solid gray;
              overflow: hidden;
              position: absolute;
          }
          div.overlayFrame0 {
              bottom: 50px;
              left: 50px;
              right: 50px;
              top: 50px;
          }
          div.overlayFrame1 {
              bottom: 45px;
              left: 55px;
              right: 45px;
              top: 55px;
          }
      &lt;/style&gt;       
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="overlay"&gt;
          &lt;div style="-moz-transform: scale(1, 1);" class="overlayFrame overlayFrame1"&gt;
              &lt;div class="overlay transparent"&gt;
                  &lt;div style="-moz-transform: scale(1, 1);" class="overlayFrame overlayFrame0"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p></p>
  
  <p>In Firefox 17, this produced to divs stacked on top of each other offset by 5px, but in Firefox 18 the top div is offset by much more. The odd part is, though, Firebug thinks the misplaced top div is still in the correct place, since if you select the div in its HTML tree viewer, it paints a highlight for the div in the same place that Firefox 17 would display it.</p>
  
  <p>I've debugged this down to the point where I determined that if I remove the "style" attribute from the outer overlayFrame div, then the top overlayFrame div displays in the "correct" spot.</p>
  
  <p>Is this a bug in Firefox 18 or in what I am doing? Thanks.</p>