Im trying to add a border around a checkbox when its selected and it looks great in IE but isnt working in Mozilla, Opera & Chrome.

http://devchecksafetyfirst.csf.dcman...9&star%5B%5D=3

Code:
<input type="checkbox" name="regions[]" value="<?=$q['Id_Rsrt']?>" onClick="javascript:checkRefresh()" <?=((in_array($q['Id_Rsrt'], $_REQUEST['regions'])) ? "checked=\"checked\" id=\"checkThat\" " : "")?> class="inline" id="checkBox" /> <?=$q['Nom_Rsrt']?><br/>
Code:
#checkThat{
border:#900 solid 1px;
margin-right:1px;
margin-top:1px;
margin-bottom:1px;
}
#checkBox{
margin-right:3px;
margin-top:2px;
margin-bottom:2px;
}
is it just one of those things, or is there a work around for this.