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?
Linear Mode
