[Help] Radio Button differences in browsers

I need help with style of the radio button in different browsers. I don't anything about css and how to fix it. html:&nbsp; <a href="http://pastebin.com/8VK9Dnvh" rel="nofollow">http://pastebin.com/8VK9Dnvh</a> css:&nbsp; <a href="http://pastebin.com/bdAuWyAK" rel="nofollow">http://pastebin.com/bdAuWyAK</a> How it should look (Chrome): How it looks (Firefox):

Nevermind. Changed how the inputs work, used labels and all is fine.

This has come up before, but I have not seen the fix. &nbsp;Can you show us the code you used?

I used labels with radio buttons. The button is hidden, while the label is selectable and visible. html:&nbsp; <a href="http://pastebin.com/CxhnP3mf" rel="nofollow">http://pastebin.com/CxhnP3mf</a> css:&nbsp; <a href="http://pastebin.com/tgaimiuU" rel="nofollow">http://pastebin.com/tgaimiuU</a>

You can't use an id for roll20. I have my tab's setup to have a defined width and height with the radio before the label. The label then has a negative margin left equal to the width.

But it works?

In roll20? When I checked a long time ago it didn't. See&nbsp; <a href="https://wiki.roll20.net/Building_Character_Sheets#" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets#</a>...

Ah, I see it now. I will need to fix this. Thanks for the information. EDIT: It's okay for a single-sheet player, so it's fine by me. Problem would be if I had mutliple sheets open as a GM. EDIT 2: Yup, now it works for multiple sheets. Again, thanks for the info.