CSS - Css On Checkboxes?

I believe this is something that can be remedied with CSS. Is it possible to change the size of the checkbox of an HTML form? I did a web search and didn't find anything.

I'm trying to figure out why the th checkbox is centered and the table body checkboxes are not.

http://jsfiddle.net/Ytx9D/4/

Is it possible to make a checkbox larger with CSS or something else?

Jeff

Does anyone know how to assure that checkboxes and their labels stay together?

My situtation: I have several rows, each with several checkboxes. I want to assure that if a line wraps, each checkbox stays with its label (either each stay on the same line, or each move to the next, but never leave checkbox on one line and label on the next).

I have tried several varients on:
<span style= "whitespace: nowrap;". .... checkbox and label description... </span>
or
<label style= "whitespace: nowrap;". .... checkbox and label description... </label>

even used both... have also tried a non-breaking space between label and checkbox control.

<span> works on mac with Netscape, IE, Opera or Safari ... but alas it does not work on windows with IE 5.5 [unfortunately it acts as if 'nowrap' applies to the whole line, forcing viewers to scroll right to see all options]

I can find documentation that says "white-space" can apply to <span> or <label>, and also documentation that says it can't. I guess the latter could explain the problem.

But does anyone know how to keep the label and checkbox together

thanx

Hello there,

I Have a radiobutton with a label beside it.
It only isn't aligned that nicely.
The radiobutton it self is a few pixels heigher then the label it self.

Now i have partitialy fixed this by using float: left on the radiobutton(s) itself.

But it doesn't work in all browsers.

Is there some kind of standard way to fix this?

Thx in advance.