How do I fix vertical label/radio alignment om css?

I am having issues with vertical alignment in firefox/chrome.

For some reason my radio buttons are offset by a couple of pixel.

I can make one of them align but the other will miss-align accordingly

http://www.blueskycouncil.com/detai开发者_StackOverflowls_idea.php?itemid=36

(log in with try/me)

...
<li>
    <label>test</label>
    <input type="radio" />
</li>
...

label,input {
    vertical-align:middle;
}
label {
    display:inline; /* display:block; and float:left; are useless */
    margin:0 5px 0 0; /* same for margin-top */
}
input {
    height:auto;
}

It should align label and input in most cases.