Select lists position off by few pixels

Same thing in IE7. Could the CSS mentioned above be removed, or will it mess up the spacing for something else?

OK, I put this under the microscope, and without the margin: 2px; style Firefox 3.6.3 has too much space between the label and select list by one pixel. IE7 has identical space without the style.

This is several pixels closer to identical than with the margin: 2px;, so I'm still in favor of getting rid of it, unless there's something else affected.

[Note that the Firefox screenshots above were from Firefox 3.0.19 (CentOS current version). The behavior is slightly different with it: there is too little space between label and select list by one pixel.]

Here is a patch that improves the situation. The field becomes perfectly aligned in Firefox, becomes almost perfectly aligned in Internet Explorer, and becomes worse or better in Safari depending on your perspective. I think the root problem here may be that CCK select lists themselves are not positioned properly in Webkit browsers (Safari, Google Chrome). More specifics:

BEFORE PATCH:
Firefox 3.6 & 4 beta 1:
2 pixels too far right vs. CCK select list
2 pixels too far down vs. CCK select list
2 pixels too far right vs. CCK text field
2 pixels too far down vs. CCK text field

Internet Explorer 8:
2 pixels too far right vs. CCK select list
1 pixel too far down vs. CCK select list
2 pixels too far right vs. CCK text field
1 pixel too far down vs. CCK text field

Internet Explorer 7:
2 pixels too far right vs. CCK select list
2 pixels too far down vs. CCK select list
2 pixels too far right vs. CCK text field
2 pixels too far down vs. CCK text field

Safari 5:
Perfectly aligned vs. CCK select list
2 pixels too far right vs. CCK text field
2 pixels too far down vs. CCK text field

AFTER PATCH:
Firefox 3.6 & 4 beta 1:
Perfectly aligned vs. CCK select list
Perfectly aligned vs. CCK text field

Internet Explorer 8:
0 pixels too far right vs. CCK select list
1 pixel too near down vs. CCK select list
0 pixels too far right vs. CCK text field
1 pixel too near down vs. CCK text field

Internet Explorer 7:
Perfectly aligned vs. CCK select list
Perfectly aligned vs. CCK text field

Safari 5:
2 pixels too near right vs. CCK select list
2 pixels too near down vs. CCK select list
Perfectly aligned vs. CCK text field 

Since Internet Explorer and Firefox are the top two browsers in market share, I think it makes sense to apply this patch at the detriment to Webkit browsers. (Although it does seem to improve the alignment vs. other CCK field types in Webkit browsers, so debatable that this is makes it worse for them.)

I originally made the change in Garland and saw improvement, but I got all the pixel offsets above in a modified Acquia Marina, which was a mistake. So, I rechecked them for Garland. Basically, the patch fixes Firefox and improves Internet Explorer in Garland, but makes Safari worse (and presumably other WebKit browsers.) It's a trade-off. Since Firefox and IE are more popular browsers, I am still in favor of making the change.

BEFORE PATCH:
Firefox 3.6:
2 pixels too far right vs. CCK select list
1 pixels too far down vs. CCK select list
2 pixels too far right vs. CCK text field
1 pixels too far down vs. CCK text field

Internet Explorer 8:
2 pixels too far right vs. CCK select list
1 pixel too far down vs. CCK select list
2 pixels too far right vs. CCK text field
1 pixel too far down vs. CCK text field

Internet Explorer 7:
2 pixels too far right vs. CCK select list
1 pixels too far down vs. CCK select list
2 pixels too far right vs. CCK text field
1 pixels too far down vs. CCK text field

Safari 5:
Perfectly aligned vs. CCK select list
Perfectly aligned vs. CCK text field

AFTER PATCH:
Firefox 3.6 & 4 beta 1:
Perfectly aligned vs. CCK select list
Perfectly aligned vs. CCK text field

Internet Explorer 8:
0 pixels too far right vs. CCK select list
1 pixel too near down vs. CCK select list
0 pixels too far right vs. CCK text field
1 pixel too near down vs. CCK text field

Internet Explorer 7:
0 pixels too far right vs. CCK select list
1 pixel too near down vs. CCK select list
0 pixels too far right vs. CCK text field
1 pixel too near down vs. CCK text field

Safari 5:
2 pixels too far left vs. CCK select list
2 pixels too near down vs. CCK select list
2 pixels too far left vs. CCK text field
2 pixels too near down vs. CCK text field

Unrelated strange observation with CCK and Garland: Some text field inputs appear 5 pixels below their labels and some appear 6 pixels below their labels, even though the fields have no noticeable difference (e.g., a first name and last name field with exact same settings.)

Summit: Screen capture in #9 looks like a slightly different problem. This issue was about the alignment of the Hierarchical Select field compared to other CCK fields, rather than the sizing of the Hierarchical Select widgets.