为什么两个下拉框不在一条水平线上

Question

<div class="Que">
        <div class="frameOne fl"><input type="radio" value="一、系级名称">一、系级名称</div>

        <div class="frameTwo fl">学院&nbsp;
          <form action="">
                            <select name="yueyuan">
                                    <option value="文学院">文学院</option>
                                    <option value="理学院">理学院</option>
                                    <option value="工学院" selected>工学院</option>
                                    <option value="农学院">农学院</option>
                            </select>
                    </form>
     </div>

        <div class="frameTwo fl">学分数&nbsp;
          <form action="">
                            <select name="yueyuan">
                                    <option value="文学院">文学院</option>
                                    <option value="理学院">理学院</option>
                                    <option value="工学院" selected>工学院</option>
                                    <option value="农学院">农学院</option>
                            </select>
                    </form>
    </div>
 </div>

一个DIV中三个div。
CSS:

    .middle_middle .Que{
    width:903px;
    height:40px;
    line-height:40px;
    border:1px solid #AACCEE;
    }
    .middle_middle .frameOne{
    color:#990000;
    font-weight:bold;
    width:130px;
    }
    .middle_middle .frameTwo{
    margin-left:10px;
    width:130px;
    height:40px;
    color:#000000;
    background:#00C;
    } 
    .fl{float:left;}

Answer 1

是学分数的字把它挤下来了吧；、
解决：
1.可以减少一个字；
2.可以把蓝框加宽点；