Wednesday, April 29, 2009

So we all know that Internet Explorer is a dog when it comes to CSS and styling, etc. Here's today's problem and solution:

My Checkboxes in IE have padding which I can't remove in CSS.

So if you're trying to get things to look consistent between Firefox, IE AND Safari, the last thing you need is IE adding padding which setting margin:0px and padding:0px doesn't seem to remove.

The solution?

margin-top:9px; padding:0px; width:13px; height:13px;


I believe giving it a specific width gives it the hasLayout property in IE, which reminds it to stop being stupid and do things properly.

I might be totally wrong though, but at least it works.

No comments: