There seems to be a strange issue that I've come across.
One of our QA tester's computers is displaying an HTML checkbox in a very large size when using Firefox and Chrome, but it appears normal in size when viewed in IE. Meanwhile, on my computer and others, the checkbox displays as expected.
Could there be any Windows desktop display settings causing checkboxes to render differently in Firefox and Chrome? Is there anything specific in CSS that we should look out for?
Below is the combination of CSS properties that impact the appearance of the control:
various selectors {
display: inline;
margin-top: -1px;
width: 20px;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 10pt;
height: 22px;
line-height: 20px;
border: 1px solid #6d6d6d;
padding-left: 3px;
padding-top: 3px;
vertical-align: middle;
}