Thicker line between rows 7 and 8

Discussion in 'HTML & Website Design' started by qazwsxed, Jun 6, 2011.

0
  1. #1
    I've got this code
    Code:

    <html>
    <head>
    <style>
    table.grid, table.grid td {
    border:1px solid black;
    border-collapse: collapse;
    }
    </style>
    <title>Tables</title>
    </head>
    <body>
    <table class="grid" width="40px">
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
    <tr><td>6</td></tr>
    <tr><td>7</td></tr>
    <tr><td>8</td></tr>
    </table>
    </body>
    </html>

    Loaded into an Opera, IE, Safari or Chrome, the table appears correctly with the same width for all lines.
    Loaded into Firefox 3.5 the table shows a thicker line between rows 7 and 8.

    I was taking a screenshot to show here the result and something strange happend.
    I attach 2 pics here, the first is taken using the print screen button on the keyboard, the second using Fireshot (both pic

    have been taken on the same page, same browser and without refesh).

    The first one shows exactly what I see on the browser, the second doesn't show the problem... what's going on?
     
    qazwsxed, Jun 6, 2011 IP