title: How to remove a horizontal scrollbar
body: <p>I think I must be using CSS 2.1, because the style overflow-x is not available.
  So in the code below I have the headings for a grid, and the pageLength Id puts in a vertical scrollbar for the contents of the grid. Unfortunately it also puts in a horizontal scrollbar, which I do not need. "overflow-x" does not work, so what does?
  The CSS looks like;</p>
  
  <pre><code>#pageLength
  {
      height: 400px;
      overflow:auto;
  }
  </code></pre>
  
  <p>And the table for the grid looks like this;</p>
  
  <pre><code>&lt;table &gt;
      &lt;tr&gt;
          &lt;th&gt;
              Date
          &lt;/th&gt;
          &lt;th&gt;
              Morning Only
          &lt;/th&gt;
          &lt;th&gt;
              Afternoon Only
          &lt;/th&gt;
          &lt;th&gt;
              Approved
          &lt;/th&gt;
          &lt;th&gt;
              Cancel?
          &lt;/th&gt;
      &lt;/tr&gt;
      &lt;tbody  id="pageLength"&gt;
      &lt;%: Html.EditorForModel()%&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>***EDIT - responding to request for Page Source</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
  
          &lt;th&gt;
              Date
          &lt;/th&gt;
          &lt;th&gt;
              Morning Only
          &lt;/th&gt;
          &lt;th&gt;
              Afternoon Only
          &lt;/th&gt;
          &lt;th&gt;
  
              Approved
          &lt;/th&gt;
          &lt;th&gt;
              Cancel?
          &lt;/th&gt;
      &lt;/tr&gt;
      &lt;tbody  id="pageLength"&gt;
  
      &lt;tr&gt;
          &lt;td&gt;
              Wed, December 8, 2010
          &lt;/td&gt;            
          &lt;td align="center"&gt;
  
              No
          &lt;/td&gt;
          &lt;td align="center"&gt;
              No
          &lt;/td&gt;
          &lt;td align="center"&gt;
              No
          &lt;/td&gt;
          &lt;td align="center"&gt;
              &lt;input name="[0].CancelFlag" type="checkbox" value="true" /&gt;&lt;input name="[0].CancelFlag" type="hidden" value="false" /&gt;
  
              &lt;input name="[0].AnnualLeaveBookedId" type="hidden" value="36" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              Wed, December 15, 2010
          &lt;/td&gt;            
          &lt;td align="center"&gt;
              No
          &lt;/td&gt;
  
          &lt;td align="center"&gt;
              No
          &lt;/td&gt;
          &lt;td align="center"&gt;
              No
          &lt;/td&gt;
          &lt;td align="center"&gt;
              &lt;input name="[1].CancelFlag" type="checkbox" value="true" /&gt;&lt;input name="[1].CancelFlag" type="hidden" value="false" /&gt;
              &lt;input name="[1].AnnualLeaveBookedId" type="hidden" value="37" /&gt;
          &lt;/td&gt;
  
      &lt;/tr&gt;
  </code></pre>
  
  <p>.
  .
  .</p>