Go to the attached reduction
the checkbox and checkbox option should be next to each other. Instead check box is on the end of line and check box option is on start of next line.
Case 1 - When font-family is removed: Only IE render correctly.
Case 2 - When font-size is removed: Only FF render correctly.
Case 3 - When both font-family and font-size are removed: Only Safari render it correctly.(render similar to case 2)
IV Other browsers:
Opera: not ok
V Nightly tested: 30881
Created attachment 19652 [details]
Created attachment 21168 [details]
Correct way to fix this
I don't think this is a bug. Different browsers are going to render checkboxes (and the space around them) differently. If you always want the checkbox next to the text, use a "white-space: nowrap;" style around each checkbox and label text. Then it should work for every web browser (that supports basic CSS styles).
If you want to be more user-friendly, add id attributes to each <input> tag and use <label for=""></label> tags around the text for each checkbox to make the click area bigger.
Marking bug as RESOLVED/INVALID per Comment #2.