我的隐藏文件输入字段在左侧神秘地延伸

Question

我正在通过以下css隐藏我的文件输入按钮

.picture-link {
    height: 2px;
    width: 2px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.picture-link > input{
    position:absolute;
    top: 0;
    right: 0;
    z-index: 99;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

我的HTML

<span class="picture-link update-box-icon-link"><i class="fa fa-camera"></i>
                                              <input type="file" name="upd-img-file" class="upd-img-file" data-url="/post/image/upload" multiple/>
                                           </span>

我看到按钮以某种方式延伸到一些神秘的部分，如图所示。它只发生在左侧。 输入字段隐藏在相机图标下。任何线索？