Position absolute floating outside relative Position in Chrome

Question

Ich habe eine Tabelle mit zwei Zellen und einem Bereich innerhalb der rechten Zelle. Ich möchte, dass die Spanne zum linken Ende der Reihe positioniert werden, so habe ich diese Stile:

span { 
    position: absolute; 
    left: 0; 
} 
tr { 
    position: relative; 
} 

In Firefox funktioniert es auch hier zu sehen:

jedoch Chrome ignoriert die position: relative und die Spanne schwebt außerhalb der Tabelle:

Warum dies geschieht und ho w kann ich es lösen? Hier

ist die jsfiddle: https://jsfiddle.net/9wa2sruu/

Vielen Dank im Voraus. :)

Answer 1

Kannst du es nicht einfach so machen?

tr, td { 
    position: relative; 
} 

und html:

<tr> 
    <td><span></span></td> 
    <td></td> 
</tr> 

https://jsfiddle.net/9wa2sruu/9/