Checkbox width and height adjustment in IE7

[maruf]

Hi all,

Currently I was working on a project where I put some check boxes they look similar in Chrome, FF and IE8 but when I view it in IE7, the design breaks.

First of all I’ve used a CSS reset that removes any margin and padding. Then using firebug I found that its 13×13 in FF and other modern browser. Using the web developer tool for IE I found that in IE7 it’s dimension is 20×20. I really don’t have any idea where it may get some extra margin or padding

Can anyone help me with it?

Best regards

[virtual]

Try setting a width and height on the checkbox and then overflow: hidden to cut off the extra space.

[Author]

Posts