Aligner à droite et Vertical Align étiquette avec case à cocher/radio bouton CSS

Je suis très proche et ce travail dans Safari, Firefox et IE8, cependant IE7 les étiquettes et les boutons radio ne sont pas alignées verticalement.

Mon code HTML est:

<div id="master-container">
    <fieldset id="test">
    <legend>This is a test of my CSS</legend>
         <ul class="inputlist">
             <li>
                 <label for="test1">Test 1</label>
                 <input name="test1" id="test1" type="checkbox" disabled="disabled"/>
             </li>
             <li>
                 <label for="test2">Test 2</label>
                 <input name="test2" id="test2" type="checkbox" disabled="disabled"/>
             </li>
         </ul>
    </fieldset>
</div>

Mon CSS Est:

html {
    font-family:Arial,Helvetica,sans-serif;
}
#master-container {
    width:615px;
    font-size:12px;
}

ul.inputlist {
    list-style-type:none;
}
ul.inputlist li {
    width:100%;
    margin-bottom:5px;
}
ul.inputlist li label {
    width:30px;
    text-align:right; 
    margin-right:7px;
    float:left;
}

EDIT:
Basé sur la suggestion de vérifier le reste de mon code html et css. J'ai mis à jour le code ci-dessus et maintenant il met en évidence avec précision le problème. Si je prends font-size de #master-container il s'aligne, mais il n'est pas de la bonne taille de police. J'ai essayé d'ajouter un font-size à ul.inputlist li input mais cela n'a pas aidé. Toutes les suggestions? Merci pour votre aide à tous!

OriginalL'auteur Jon | 2010-02-11