为什么浮动元素中的浮动<input>控件在IE7中向右滑动太远,而在Firefox中没有？

这是IE7中呈现的屏幕的相同部分:

有一些小的渲染差异,但是让我疯狂的一个重要因素是控件旁边的额外空白区域!请注意,单选按钮和复选框周围的正确排列.

虽然它们没有显示,但下拉列表和列表框也会出现同样的情况.我没有尝试将输入控件包装在a中,但这可能有效.不过,这是一个丑陋的黑客行为.

我已经尝试了几个IE7解决方案的问题,我已经编辑了CSS,直到我处于纯巫毒模式(即随机变化,希望有些东西有效).就像我说的那样,我希望有人会看到这个并说:"我以前见过这个!试试这个..."

任何人？

后续1:

我正在使用XHTML 1.0 Transitional ,所以我应该处于标准模式.

后续2:

以下是上面生成的代码的小片段(第一个控件和最后一个控件).请注意,此代码由ASP.Net生成,然后由JavaScript/jQuery动态编辑.

 

   
Request Information
   

     

       Request Date:
       

         
         
         
       
     
     --STUFF DELETED HERE--
     

        Request Appealed?
       

         
           
         
       
     
   
 

这是CSS的相关部分(我仔细检查以确保重复问题):

div
{
    border-style: solid;
    border-width: thin;
    border-color:Orange;
}

label
{
    border-style: solid;
    border-width: thin;
    border-color:Blue;
}

.FormGroup
{
    float:left;
    margin-left: 1em;
    clear: right;
    width: 75em;
}

.FormGroup > *
{
    float:left;
    background-color: Yellow;
}

fieldset ol
{
    list-style: none;
} 

fieldset li
{
    padding-bottom: 0.5em;
} 

li > label:first-child
{
    display: block;
    float: left;
    width: 10em;
    clear: left;
    margin-bottom: 0.5em;
}

em
{
    color: Red;
    font-weight: bold;
}

//IE Margin fix: 
//  http://www.positioniseverything.net/explorer/inherited_margin.html
jQuery.each(jQuery.browser, function(i) {
    if($.browser.msie){
        $(":input").wrap("");
    }
});

请注意,这只会在IE上添加愚蠢的...

StackOverflow再次救援!