显示在行后面的背景图象在div桌里

Question

我尝试使用下面表单中的样式化div创建一个表来显示一些值（内联样式用于原型设计）：

<div style="display: table">
    <div style="display: table-row; background: some-color-gradient; background-size: some-numbers">
        <div style="display: table-cell">
            Some Number
        </div>
    </div>
</div>

我想将背景图片线性渐变放入仅填充整个＆＃39;表格行的一定百分比。等级div。这种方法在firefox上按预期工作，但在chrome上我得到了奇怪的行为。不是用图像填充行div，而是将每个子表格单元格填充到某个百分比（基于＆＃39;某些数字＆＃39;值）。

如何确保背景应用于行div而不是应用于每个子div？