垂直图像始终为1像素宽

Question

我试图将1像素宽的垂直图像插入到我的网页中，但根据浏览器，缩放级别或页面上其他元素的位置，图像通常会调整为2像素或者只是消失。我怎么能阻止这个？我做错了吗？

我的html图片（绿色空间只有1个绿色像素。

 <IMG class="dividerImage dday3" SRC="/SafeSiteLive/images/safesite_documents/icons/greenspace.gif">

我的css

.dividerImage {
    float: left;
    margin-top: 50px;
    height: 50vh;
    width: 1px;
}