1. Launch Safari.
2. Goto http://vip.bokee.com/register.php
Scroll to end of the page to see checkbox misalignment.
FF, IE and opera don't have this issue.
Please see attached reduction.
Created attachment 16436 [details]
float:left for span is causing the misalignment of checkbox.
Created attachment 19138 [details]
strict test case
The test shows that Webkit and Opera (in strict mode) properly renders this case. Your test case is rendered in quirks mode in Opera. The mode emulated old browsers bugs. Firefox is wrong in both cases. The bug report is INVALID.
The bug report should be considered as an evangelism bug.
FF3b5 does not agree with WebKit on the "strict" test case. FF3b5 renders both the strict and quirks test cases identically.
What is Gecko doing here? Are they treating the checkbox as though it were a block element and expanding the width to fill the remaining space on the line? thus pushing the floated span down a line? I'm confused by their behavior. Our behavior does match my expectations.
Hyatt, if you could please comment as to what you think IE/FF are doing here? That would be great. If our behavior is correct here, please close. Using IE's inspector, I do not see the checkbox filling the line.
With the strict test case, WebKit is correct and Gecko is wrong.