abs position bug

by weijarz

HTML

<div id="root">
  <div id="container">
    <div id="left">
      <div id="content-a">
        LEFT
      </div>
    </div>
    <div id="right">
      RIGHT
    </div>
  </div>
</div>

CSS

#root {
  border: 2px solid red;
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
}
#container {
  display: -moz-box;
  //display: flex;
  x-moz-box-align: stretch;
  height: 100%;
  width: 100%;
  //position: absolute;
  //left: 0; top: 0; right: 0; bottom: 0;
  background: #ddd;
  border: 2px solid #000;
}
#left {
  position: relative;
  width: 15em;
  max-width: 50%;
  background: #faa;
}
#right {
  -moz-box-flex: 1;
  position: relative;
  box-flex: 1;
  background: #aaf;
}