title: Dojo Calendar Sample Code Doesn't Work
body: <p>I'm trying to test dojo Calendar. I was having problems so I made a test page and copied the example code from <a href="http://dojotoolkit.org/reference-guide/1.9/dojox/calendar.html" rel="nofollow">the dojo site</a>. It manifested the same problem: the text is displayed with very large vertical gaps in it and little other formatting. I can't get the test on their page to work either so I don't know what it's supposed to look like. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dijit/themes/claro/claro.css" /&gt;
  
  &lt;script&gt;dojoConfig = {parseOnLoad: true}&lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      require(["dojo/parser", "dojo/ready", "dojox/calendar/Calendar"],
          function(parser, ready, Calendar){
              ready(function(){
                      calendar = new Calendar({
                          dateInterval: "day",
                          style: "position:relative;width:600px;height:600px"
                      }, "someId");
                  }
              )}
      );
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body class="claro"&gt;
  &lt;style type="text/css"&gt;
  .dojoxCalendar{ font-size: 12px; font-family:Myriad,Helvetica,Tahoma,Arial,clean,sans-serif; }
  &lt;/style&gt;
  
  &lt;div id="someId" &gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The only change I made was to use the libraries at ajax.googleapis.com. Should I also include dojox? I thought it came with dojo.js.</p>