Div tag inside td does not showing background color on mozilla.

My goal is to draw bar chart and everything looks fine on chrome but on mozilla(v 46.0.1) div's tag inside td element do not display background color at all.

Here's simplified code

          <table>
            <tbody>
              <tr>
                <td>
                  <p>Label</p>
                  <div></div>
                </td>
              </tr>
            </tbody>
          </table> 

Here's css

table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #aaa;
  position: absolute;
  z-index: 2;
}

td {
  vertical-align: bottom;
  position: relative;
  margin: 0;
  padding: 0;
  width: initial;
  z-index: 3;

  > div {
    background: #72a822;
    height: 75%;
    margin: 0 20%;
  }
}