首先，先来两张图片：
给checkbox设置高度（如height:13px）可以解决该问题。在firefox3和chrome3下均无该问题。这是IE特有的问题。另外可以参考一篇相关文章：http://robobruin.blogspot.com/2007/09/fixing-ie-checkbox-paddingmargin.html（文章可能已无效！）
INPUT type=checkbox 元素的 height 和 width 样式是在 Internet Explorer 5 中实现的。元素的大小设置基于由作者提供的值，除非给定的大小显然低于所需的最小值。大小的尺寸计算如下:
- 若 height 或 width 大于 20 像素，复选框的四周留空将设置为 4 像素，内部高度或宽度将设置为 8 像素。
- 若 height 或 width 小于 20 像素但大于 13 像素，复选框的四周留空将等于所指定的 height 或 width 减去 13 的差的一半。例如，若指定复选框的 width 是 17，四周留空将是: (17-13)/2 = 2 像素。
- 若 height 或 width 小于 12 像素，复选框的四周留空将设置为 0 且内部宽度将设置为作者指定的值。