Zeilenhöhe ändert sich in Druckvorschau

[Armin]

Browser is der IE.

  
<style type="text/css" media="all">  
       body{  
        font-family:Arial;  
       }  
  
       td.label{  
        font-weight:bold;  
        text-align:right;  
       };  
  
       td.headdata{  
        text-align:left;  
        widht: 25%;  
       }  
  
       th {  
        border: 1px solid black;  
        padding: 5px;  
        text-align:left;  
       }  
  
       table {  
        border-collapse: collapse;  
        font-size:10px;  
       }  
  
       table.data{  
        border: 3px solid black;  
       }  
  
       table.data td{  
        border:1px solid black;  
        padding: 5px;  
        height: 34px;  
       }  
  
       .vertical {  
        writing-mode:tb-rl;  
        letter-spacing: 1px;  
       }  
  
       .overflow {  
        overflow:hidden;  
        height:30px;  
        padding:-5px;  
       }  
      </style>

  
  <table class="data" style="table-layout: fixed;">  
<tr>  
     <th class="vertical"  width="30" style="border-right:2px solid black;">Kundenst.</th>  
     <th width="60">KDNNR</th>  
     <th width="180">NAME</th>  
     <th width="220">PLZ Ort, Strasse</th>  
     <th class="vertical" width="40" style="border-right:5px solid black;">GETYP</th>  
     <th class="vertical" width="50">STDRD<br />SINGLE</th>  
     <th class="vertical" width="35">ITEMS</th>  
     <th class="vertical" width="35">AUTOMAT</th>  
     <th class="vertical" width="50">Z&#196;HLERST.<br />AUTOMAT</th>  
     <th class="vertical" width="35">AUSTAUSCH</th>  
     <th class="vertical" width="35" style="border-right:5px solid black;">Muster</th>  
     <th class="vertical" width="50">ANZAHL<br />WRIGLEYS<br />ITEMS</th>  
     <th class="vertical" width="50" style="border-right:5px solid black;">TRAFIKEN<br />DISPLAY ART<br />(1, 2, 3)</th>  
     <th class="vertical" width="30">Hauptdisplay</th>  
     <th class="vertical" width="30">Nebendisplay</th>  
    </tr>  
<tr>  
     <td style="border-right:2px solid black;"></td>  
     <td>  
      <xsl:value-of select="field[@fieldno=126]" />  
     </td>  
     <td>  
      <xsl:value-of select="field[@fieldno=2]" />  
     </td>  
     <td>  
      <xsl:value-of select="field[@fieldno=6]" />&#160;<xsl:value-of select="field[@fieldno=8]" />,  
      <xsl:value-of select="field[@fieldno=10]" />  
     </td>  
     <td class="vertical" style="font-size:8px; border-right:5px solid black;">  
      <div class="overflow"><xsl:value-of select="field[@fieldno=65]" /></div>  
     </td>  
     <td></td>  
     <td></td>  
     <td></td>  
     <td></td>  
     <td></td>  
     <td style="border-right:5px solid black;"></td>  
     <td></td>  
     <td style="border-right:5px solid black;"></td>  
     <td></td>  
     <td></td>  
    </tr>  
  
  </table>