title: Changing the height of a jquery datepicker
body: <p>I am trying to change the height of a datepicker I am using. I have been working through firebug and was able to change the width by editing the <code>ui-datepicker</code> class like so:</p>
  
  <pre><code>.ui-datepicker
  { 
      width: 12em;
      height: 12em;
  }
  </code></pre>
  
  <p>The width works fine, but the height only changes the back of the calender, and not the cells so I end up with something like this:
  <img src="https://i.stack.imgur.com/dTodZ.png" alt="Notice the height of the cells compared to the background"></p>
  
  <p>Where the height of the datepicker background has changed, but the cells are the same. In the class <code>.ui-datepicker table</code> I tired to add a line of code <code>height: 80%</code>, but the height will not go lower then 100% (or at least any lower will not change the appearance of the datepicker). I have been looking through the css to try to find where the height is set, but cannot find it so far.
  Any suggestions?</p>