<!doctype html>
<html>
  <head>
    <title>bug 97990</title>
    <meta charset="utf-8"/>
  </head>    
  <body>

    <!-- The two x's should be aligned and so hidden by the red rectangle -->
    <div style="position: absolute; left: 0; top: 0;">
      <math>
        <mrow>
        <mspace height="5em" depth="5em"/>
        <mi>x</mi>
        <mover style="margin-top: 2px; padding-top: 4px; background-color: yellow">
          <mi style="margin-top: 8px; padding-top: 16px; background-color: orange">x</mi>
          <mi>c</mi>
        </mover>
        </mrow>
      </math>
    </div>
    <div style="position: absolute; left: -1em; top: 0;">
      <math>
        <mrow>
          <mspace height="5em" depth="5em"/>
          <mspace width="6em" height="1ex" depth="1px" mathbackground="red"/>
        </mrow>
      </math>
    </div>

</body>
</html>