append的一个小问题

[Squall001]

<div id="DIV_picField" >
        <button id="mybtn" onclick="btnAction()">测试按钮</button>
</div>
<script type="text/javascript">
    var PicCount = 1;
    function btnAction() {
        var tempFiled = document.getElementById("picField");
        //以下代码  加一个float布局就看起来正常了
        //$("#DIV_picField").append("<div style=\"float:left\"><button id=\"mybtn" + PicCount + "\" onclick=\"btnAction()\">测试按钮</button></div>");

        //而这个 ，只加按钮，就会在第一次append的时候出现一个空白
        $("#DIV_picField").append("<button id=\"mybtn" + PicCount + "\" onclick=\"btnAction()\">测试按钮</button>");
        PicCount++;
    }
</script>

这是怎么回事？