Can the padding/margin on radio buttons in IE6/IE7 be reduced to 0-1px?

Answer 1

The reason of course is that the tree I'm rendering looks horrible with the gaps in IE6/IE7.

I'm guessing you're using an image file to render the dots and plusses ... maybe, to avoid those gaps when the lines are taller, you could use a taller image.

Answer 2

Without seeing code I think your running into this "IE inherited margin bug: form elements and hasLayout"

Positioniseverything.net has a good write up on it: http://www.positioniseverything.net/explorer/inherited_margin.html

Cheers

Answer 3

Use height to solve this problem

I am using this on class on input

.radiobtn { border:0px; height:14px; }

on

Yes

It will work fine in I.E 6.0/7

Answer 4

I ran into this problem and was able to fix it by floating the input element. That eliminates the small vertical 'margin' in IE6/IE7.