html - このセルが高さを 2 倍にしないようにするにはどうすればよいですか?

Question

わかりましたので、ページを CSS に変更し始めたので、スタイル シートにリンクしてすべての利点を得ることができます。

ページは、互換性のないすべてのビットが css に変更された後、w3 から html tidy を介して実行されます。

HTML整頓

互換性のないhtmlの代わりにいくつかのcssを追加した後、以前に持っていたhtml tidyではうまくいかず、セルの高さが2倍になります。

進行中のページへのリンクは次のとおりです。

質問コードのセルの 1 つを次に示します。

<td style="width: 283px; height: 30px; 
    background-image: url('EmuNewNGd_Template/techage_map1_featurebar.jpg')">
   <p align="center">
       <b>
          <font color="#000080" size="2" face="Tahoma">
            Bringing You Nothing But The Best
         </font>
      </b>
   </p>
</td>

ブラウザで表示したときのサイズが 30px ではなく、はるかに大きいため、なぜそんなに大きいのか考えてみてください。

私はCSSがあまり得意ではないことに注意してください。