Html Checkbox - Cross Browser Issue

I have a input - checkbox nested in elements and it shows okay in FF and chrome, but appears differently in IE8/9. The below nested structure is required as it has lots of other el

Solution 1:

In Internet explorer 9/10/11 the checkboxes looks different from how they looks in Blink and Gecko browsers. There is no good way(that have good browser support) to style checkboxes but you can hide them and style another element to work as a checkbox.

Here is some examples using that "hack": CSSDECK CSS Checkbox-styles.