javascript - DataTables のヘッダーの書式設定の問題

Question

データ テーブル グリッドのヘッダーにいくつかの追加要素を追加しようとしていますが、検索ボックスが 1 行下にあることを除いて、すべてが機能しています。ラジオ ボタンを中央に配置し、検索ボックスを他のボタンと同じ行に表示するにはどうすればよいですか? <"Clear">と関係がありますか?

JS は次のとおりです。

$(document).ready(function () {

    var tbl = $('#EACApprovalGrid').dataTable({
        "bProcessing": true,
        "bDeferRender": true,
        "oLanguage": {
            "sSearch": "Search:",
        },
        "iDisplayLength": 25,
        "bStateSave": false,
        "sPaginationType": "full_numbers",
        "aaSorting": [[5, "asc"]],
        "sDom": '<"top"l<"EacEcrRadioRegion">f>rt<"bottom"p<"clear">>'
    });


    var btns = '<input type="radio" class="EacEcrSelection" name="EacEcrSelection" id="EacRadio" value="EAC" /> EAC&nbsp;&nbsp;&nbsp;'
            + '<input type="radio" class="EacEcrSelection" name="EacEcrSelection" id="EcrRadio" value="ECR" /> ECR&nbsp;&nbsp;&nbsp;'
            + '<input type="radio" class="EacEcrSelection" name="EacEcrSelection" id="BothRadio" value="Both" /> Both'
    $(".EacEcrRadioRegion").html(btns);


    $('#EacRadio').click(function() {tbl.fnFilter("EAC",0);});
    $('#EcrRadio').click(function() {tbl.fnFilter("ECR",0);});
    $('#BothRadio').click(function() {tbl.fnFilter("",0);});

});

ここにフィドルがあります：http://jsfiddle.net/7KkpQ/3/

そして、ここにスクリーンショットhttp://imgur.com/1N6ABtPがあり ます（質問する前に-はい、IE、FF、およびChromeで発生します）