IE浏览器表单上下文字对齐问题

Question

表单里，上下文字用户名，密码，邮箱等文字该怎么对齐？两个文字我是家空格，即加&nbsp，来和三个文字对齐的，但是这方法在IE里还是对不齐，该怎么解决？图1是火狐和谷歌里，能对齐，图2是IE里，怎么对齐？谢谢。。。

Answer 1

HTML可以写成这样如：

<ul class="form">
    <li>
        <span>用户名：</span>
        <div class="value"><input type="text" /></div>
    </li>
</ul>

然后写CSS:

*{margin:0;padding:0;}
ul.form{overflow:hidden;margin-top:40px;}
ul.form li{display:block;overflow:hidden;clear:both;}
ul.form li span{ width:100px; display:inline; float:left; line-height:24px; text-align:right;}
ul.form li div.value{ float:left; display:inline}

上个效果图：