浏览器对CSS定位的兼容性（Chrome和Firefox）

Question

在firefox中，范围元素位置的兼容性存在问题。在chrome和safari中一切正常。但是，在firefox中增强了范围元素之间的垂直间距，这是我不希望的。如何等于chrome和firefox之间的垂直间距？

我使用以下html代码：

<input class="pos_row1_1" id="slider1" max="100" min="0" onkeydown="return
false;" step="1" type="range" value="0" />

<input class="pos_row1_2" id="slider2" max="100" min="0" onkeydown="return
false;" step="1" type="range" value="0" />

<input class="pos_row1_3" id="slider3" max="100" min="0" onkeydown="return
false;" step="1" type="range" value="0" />

和已移动滑块的css代码：

input[type="range"] {
 margin-left: 50px;
}
.pos_row1_1 {
 position: relative;
 left: 0px;
}
.pos_row1_2  {
 position: relative;
 left: 120px;
}
.pos_row1_3  {
position: relative;
left: 220px;
}

当前外观：

Chrome

Firefox

当然，我对CSS进行了适当的重置。非常感谢您的帮助。