jQuery Datepicker (keith-wood) datepicker div not sizing right?

jQuery Datepicker (keith-wood) datepicker div not sizing right?

Hello to all!
I've run across a CSS (I'm assuming) issue that for the life of me, I can't figure out. But then again, I'm not the most skilled layout artist around either. I'm using Keith Wood's Datepicker plugin, and it is wonderful. I am using it to create an inline calendar to pick dates from inside a static-width div contained inside a table inside a jQuery UI Dialog.
 
I might be doing something wrong, but the "datepick" div that Datepicker creates to house itself in sets its width inline to 191px no matter what. This doesn't change any of its functionality (woohoo!), but it does produce a line with its border that runs through the middle of the "S" in the Saturday column label (en-us).
 
If I change the width that is created for "datepick" to 15em to match "datepick-month-row" programatically or at runtime with developer tools, the width is still short by a pixel. I'm happy to do that as a workaround, but I was wondering if I overlooked a setting somewhere in the call to create the datepicker, or a setting in the stock redmond.datepick.css that I should have adjusted. Below is a quick mock up of what I have running.
 
Thank you for all your assistance!
 
The jQuery call to jquery.datepick.min.js:
  1. $('#divDPNCalendar').datepick({         minDate: '-1m',         showAnim: '',         fixedWeeks: true,         showOtherMonths: true,         selectOtherMonths: true,         multiSelect: 1, // Changes depending on needed         multiSeparator: '|',         onSelect: function (dates) {             // SNIP - for brevity's sake         },         commandsAsDateFormat: true,         prevText: '< M',         todayText: 'M y',         nextText: 'M >'     });
The structure of the table:
  1. <table style="width: 100%; padding: 0; margin: 0;">
     <tr>
      <td style="width: 380px;" valign="top">
       <table style="width: 100%;">                       
        <tbody>                           
         <tr>
          <td colspan="3" align="right">
           Stuff Here
          </td>
         </tr>
        </tbody>
       </table>
      </td>
      <td valign="top" style="width: 220px;">
       <div id="divDPNCalendar">
       </div>
      </td>
      <td valign="top">
       <table style="width: 100%;">                       
        <tbody>
         <tr>
          <td>
             Stuff Here
          </td>
         </tr>                           
        </tbody>
       </table>
      </td>
     </tr>
    </table>




























And if it matters, the jQuery UI Dialog call:
  1. var dlgDPNDialog = $("#divDialog").dialog(
        {
            autoOpen: false,
            bgiframe: true,
            width: 950,
            maxWidth: 1000,
            height: 410,
            maxHeight: 525,
            modal: true,
            closeOnEscape: true,
            buttons: {},
            open: function (type, data) {
                $(this).parent().appendTo("form");
                $('body').css('overflow', 'hidden');
                $('.ui-widget-overlay').css('width', '100%');
               // SNIP - Fun stuff here
            },
            close: function (type, data) {
                // SNIP - Stuff here
            }
        });



















A screenshot of the problem:
 
Once again, thank you for whatever pointers or solutions you might be able to provide.