Div med teksten på højkant.

Hej Eksperter

Jeg er ved at lave en statistik tabel, hvor jeg gerne vil have at overskriften skal stå lodret i <th>, men kan ikke få den til at så ordentlig ud.

-----------------------------

<table cellspacing="2" cellpadding="2" border="1">
<tr>
    <td><div style="margin: 0; padding: 0; height:10; width:100;background-color: Gray;filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=1); font-size: 10px;'">
    Overskrift 1
  </div></td>
    <td><div style="margin: 0; padding: 0; height:10; width:100;background-color: Gray;filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=1); font-size: 10px;'">
    Overskrift 1
  </div></td>
      <td><div style="margin: 0; padding: 0; height:10; width:100;background-color: Gray;filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=1); font-size: 10px;'">
    Overskrift 3
  </div></td>
</tr>
<tr>
    <td>X</td>
    <td>XX</td>
    <td>XXX</td>
</tr>
<tr>
    <td>XX</td>
    <td>X</td>
    <td>XXX</td>
</tr>
<tr>
    <td>XXX</td>
    <td>XX</td>
    <td>X</td>
</tr>
</table>

-----------------------------

Det der sker, er at den laver for stor afstand mellem tabellerne, som om at den også gør plads til at teksterne skal kunne ligge normalt ned.

Håber der er et klogt hoved der lige har en idé..