dojo1.7 layout acting screwy

http://stackoverflow.com/questions/11248427/dojo1-7-layout-acting-screwy

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dijit/themes/claro/claro.css">
<div>
    <form id="test">
       <input type="text"/>
    </form>
</div>

CSS

html, body, #appLayout {
 height: 100%;
 width: 100%;    
}

JavaScript

define(["dojo/query"], function(query){
    var form = dojo.byId('test');
        console.log(form);
    var nodeList = query("input");
    console.log(nodeList);
    var fields = query('input[type="text"]', form);
    var fields2 = query('input[type="text"]:first-of-type', form);
    console.log(fields);
    console.log(fields2);
});