The site is here

I have opt to using the radiobutton's labels as customized buttons for them. This means the radio inputs themselves are display:none. Because of this, the browsers don't tab stop at the radio labels, but I want them to.

I tried forcing a tabindex to them, but no cigar.

I have came up with just putting a pointless checkbox right before the labels, and set it to width: 1px; and height 1px; which seems to only really work on chrome & safari.

So do you have any other ideas for forcing a tab stop at those locations without showing an element?

Edit:

Just incase someone else comes by this, this is how I was able to insert small checkboxes into chrome & safari using JQuery:

if ($.browser.safari) {

    $(label[for='Unlimited']).parent().after('<input style=height:1px; width:1px; type=checkbox>');

    $(label[for='cash']).parent().after('<input style=height:1px; width:1px; type=checkbox>');

    $(label[for='Length12']).parent().after('<input style=height:1px; width:1px; type=checkbox>');

}

Note: $.browser.webkit was not becoming true...so I had to use safari