Checkbox CSS assistance or IE6 hack

Bad:

Good:

The image above shows check-boxes parallel to eachother vertically, however this is IE6 and shows a noticeable error compared to other browsers.

The check-box has spacing almost like a margin around the perimeter of the box itself, in other browsers this does not exist but if there is a fix I would like to do so.

How would I remove the margin or fix this error in IE6 and possibly other browsers?

EDIT I want a permanent fix that开发者_运维百科 is compliant with any browser.

If you're not using a CSS reset stylesheet, you should. It will "reset" the default styles of browsers so you have a clean, identical slate to start with.

I don't fully understand your issue with the styling itself for the input tag, but to make separate CSS specifically for IE6 in the header tags place this:

<!--[if IE 6]>
<style>
    input {
        margin: 1px;
    }
</style>
<![endif]-->

I've solved the problem, not realizing IE6 handles a lot of thing improperly so this is what I used to fix the issue.

input {
    margin: 0;
    width: 13px;
    height: 13px;
    overflow: hidden;
}