Radiobutton issue with Opera Mini

[fizzy]

So I have two radiobuttons like this:\[code\]<input type="radio" name="hello" id="a" vhttp://stackoverflow.com/questions/12802696/alue="a"><label for="a">First</label><input type="radio" name="hello" id="b" value="http://stackoverflow.com/questions/12802696/b"><label for="b">Second</label>\[/code\]Expected functionality is when I click anywhere on the label of the radio button, the radio gets selected. (I do not have to exactly click on the circle of radiobutton)Now, I have done my own styling for the radiobuttons so I hide the radio circles like this: \[code\]input[type="radio"] {display:none;}\[/code\]Now, it seems to work great on all browsers but open the link in Opera mini and you can't switch the selected button since the label for approach to make the button selected on click on the label doesn't work. You have to click on the circle itself and since I have hidden the circle, radio buttons won't work.For demo, visit this link from any other browser and opera mini.Any idea what could make it work on Opera mini. Is there a way to specify in css that don't use \[code\]display:none\[/code\] if the browser is Opera mini?