Wrap text in table-cell

[onerrorgoto]

I'm trying to imitate the listview from MS in my page but have some problem with the size of cells in my table.

Q1.
I dont want the size of my "header"-cells to expand if the text is to large. I want the text to wrap instead. I have tried to set the td-width to px instead of % but that didn't work.

Q2.
Is there any javascript that lets the user resize the width of the
cells by dragging the border or dbl-kclick like in the listview?

<table border="1" width="50%" cellspacing="0" cellpadding="0">
  <tr>
<!-- header-->
    <td width="100%">
      <table border="0" width="100%" cellspacing="0">
        <tr>
          <td width="22%" bgcolor="#FFFF99">
            <p align="center">A</p>
          </td>
          <td width="22%" bgcolor="#FFFF99">
            <p align="center">B</p>
          </td>
          <td width="22%" bgcolor="#FFFF99">
            <p align="center">C</p>
          </td>
          <td width="22%" bgcolor="#FFFF99">
            <p align="center">D</p>
          </td>
          <td width="5%"  bgcolor="#FFFF99">&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
<!-- Content -->
    <td width="100%">
<span style='OVERFLOW: auto; WIDTH:100%; HEIGHT:170; BORDER-RIGHT: 1pt solid; BORDER-TOP: 1pt solid; BORDER-LEFT: 1pt solid; BORDER-BOTTOM: 1pt solid'>
<table align="left" border="1" width="100%">
  <tr>
    <td width="25%">A1</td>
    <td width="25%">B1</td>
    <td width="25%">C1</td>
    <td width="25%">D1</td>
  </tr>
  <tr>
    <td width="25%">A2</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td width="25%">A3</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td width="25%">A4</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td width="25%">A5</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td width="25%">A6</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td width="25%">A7</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td width="25%">A8</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
</table>
</span>
    </td>
  </tr>
</table>