html - DIV background image being cut off when zoomed out in firefox -


i have div height/width of 15px. has background image height/width of 15px. problem background image being cut off few pixels on right , bottom when zoomed out levels in firefox. here's link , code below. try viewing in firefox.

 <div id="custom-checkbox"></div>   #custom-checkbox   {       background: url('http://s16.postimg.org/5xacziapd/unchecked.png') no-repeat;       width: 15px;      height: 15px;   } 

this best can display rest firefoxes pixel rounding.

    #custom-checkbox    {        background: url('http://s16.postimg.org/5xacziapd/unchecked.png') no-repeat;        width: 15px !important;       height: 15px !important;       display:table;   }   

hope helps it's best do.


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -