Padding Browser-Unterschiede

  • Hallo,
    ich arbeite aktuell an einer kleinen Homepage und habe nun folgendes Problem:

    Code
    .newskopf{
      background-color:#000000;
      font-size:14px;
      font-weight: bold;
      height: 45px;
      padding:4px 6px 4px 8px;
      text-align:left;

    In der besagten TD befindet sich

    Code
    <td class="newskopf" style="background-image:url({page:path}{news:url_catimg})">
       <div style="float:left">{news:news_headline}</div>
        <div id="newskopfinfo">{news:news_time} - {news:users_link} - {news:comments_link} ({news:comments_count})</div> 
    	</td>

    Hier zeigen mir Firefox und Opera die gewünschte Darstellung an, IE und Chrome jedoch scheinen padding anders zu interpretieren und setzen mehr Pixel an, bzw. es sieht nach mehr aus als ich erlaube (45px - Problem: Das BG IMG wirkt nicht mehr groß genug und größer machen will ich es nicht). Wie kann ich das Problem am sinnvollsten lösen (außer die Werte zu verkleinern)?