O problema que enfrento é o IE 11 parece ter inconsistência<td> altura interna através único<tr> enquanto outros navegadores mantêm o mesmo.

Aqui está uma caneta ilustrando meu problema:http://codepen.io/anon/pen/emKEBZ

No meu layout, eu tenho um pseudoelemento absolutamente posicionado (borda verde) que eu quero exibir em (fora)<td>. Eu gostaria que fosse sempre tão alto quanto o todo<tr> está dentro. O conteúdo de<td>s é dinâmico - não tenho controle sobre o tamanho (como faço na caneta).

dei-oheight: 100%, assumindo que cada<td> seguidamente tem a mesma altura.

td {
  position: relative;
}

td:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -5px;
  width: 3px;
  height: 100%;
  background-color: green;
}

E sim, essa altura calcula o mesmo valor em todas as células na mesma linha no Firefox e Chrome:

mas com altura diferente para cada célula no IE 11:

O problema parece ser que, emheight: 100% IE refere-se aoaltura interna (aquele dentro do estofamento) do recipiente<td>, enquanto outros navegadores levamaltura total (altura + preenchimento + borda). E mesmo assim, oaltura interna de tudo<td>s ao longo de um<tr> é idêntico no Firefox, enquanto não está no IE. Alguma dessas abordagens está errada? Existe uma maneira de forçar o IE a funcionar como outros navegadores?