Checkbox style for firefox

Question

I have this checkbox system to have an HTML and CSS only togglable dropdown menu, and the system needs to have the checkbox right before the li that has a submenu.

I realy dont know how to convert the style to an ::after or ::before element with a <label> so it works with Firefox, Chrome, Safari and the latests IEs.

I include this link to my jsfiddle for the original design.

Answer 1

Actualy, this is my solution; use <label> and ::after elements to set the whole thing. I've fixed it on Fiddle and here's the result.