[IE/FF] Lijn langer dan de box

[WPN]

Ik ben bezig met een soort van businesscard pagina waar dus details die je op een businesscard vindt, getoond worden....

Ik haal de gegevens uit de db en toon die via php -> echo in een tabel

de hele tabel staat in de echo, en ik gebruik css hiervoor
(op dit moment loopt alles nog door elkaar maar dat schoon ik nog op)

Cascading Stylesheet:

   .kaartje
   {
    width: 500px;
   }
   .kaartje th
   {
    border: 1px solid blue;
    padding: 5px;
    background-color: #E1EEEE;
   }
   .kaartje td
   {
    border: 1px solid blue;
    padding: 5px;
   }
   .static
   {
    font-weight: bold; 
   }
   .opmerking
   {
    position: relative; 
    text-align: center; 
    border-bottom: 1px solid blue; 
    width: 100%; 
    font-weight: bold; 
    padding: 2px
   }
  </style>

PHP:

  echo "<table class=\"kaartje\" border=\"0\" cellpadding=\"0\">
         <tr>
          <th colspan=\"4\">$card[0]</th>
         </tr>
         <tr>
          <td class=\"static\" style=\"width: 60px\">Bedrijf</td>
          <td class=\"static\" width=\"3\">:</td>
          <td>$card[1]</td>
          <td rowspan=\"6\" valign=\"top\" style=\"padding: 0px; width: 175px\">
           <div class=\"opmerking\">
            Opmerking
           </div>
           <div style=\"padding: 3px\">
            $card[6]
           </div>
          </td>
         </tr>
         <tr>
          <td class=\"static\">Telnr</td>
          <td class=\"static\">:</td>
          <td>$card[2]</td>
         </tr>
         <tr>
          <td class=\"static\">Faxnr</td>
          <td class=\"static\">:</td>
          <td>$card[3]</td>
         </tr>
         <tr>
          <td class=\"static\">E-mail</td>
          <td class=\"static\">:</td>
          <td>$card[4]</td>
         </tr>
         <tr>
          <td class=\"static\">Functie</td>
          <td class=\"static\">:</td>
          <td>$card[5]</td>
         </tr>
        </table>";

In IE6 gaat alles goed....
maar in FireFox wordt het lijntje van de class opmerking een paar pixels langer dan de td waar die inzit (zie plaatje)....




dit is hoe het eruit hoort te zien in totaal (IE screenshot)


Hoe krijg ik dit zo dat dat lijntje ook in FF gewoon binnen de box valt?

[ Voor 77% gewijzigd door WPN op 08-01-2005 14:48 ]

[Verwijderd]

Geen width=100% definieren op de DIV. Hij neemt automatisch de beschikbare breedte aan.

[WPN]

ok dat was het inderdaad

hmmmm

ik had de vraag waarom gaat ie dan over de lijn heen als ik op 100% zet

maar kan het zijn dat ie de 100% neemt en dat dat inclusief de border neemt die de TD heeft (ook al heb ik die op 0 staan)

[crisp]

inclusief border en padding