Флажок, имеющий дополнительное значение пикселя в браузере Android-устройства

Я настроил флажок html, применив некоторые CSS. В том, что я использовал, граница флажка составляет 1 пиксель. Но слева и сверху от границы флажок имеет некоторое количество пикселей, которое больше, чем справа и снизу от флажка. При проверке элемента на устройстве отображается сплошное значение границы 1 пиксель. Только.

Как решить этот вопрос.?

РЕДАКТИРОВАТЬ 1: CSS, используемый для флажка:

   .rootel {
      height: 12px;
      width: 12px;
      float: left;
      border: 1px solid #333333;
    }
    .rootel .innerel.active{
       background-position: 0 -4px;
       background-repeat: no-repeat;
       float: left;
       height: 20px;
       left: -3px;
       position: absolute;
       top: -5px;
       width: 22px;
     }