Я пытаюсь вставить элемент DIV в ячейку таблицы таким образом, чтобы <div> распространялся по всей области ячейки. Но по неизвестной причине появляется 1px border; насколько я знаю, это ни часть таблицы, ни div (таблица не имеет границ, отступов или интервалов, а div не имеет полей или отступов). Может быть, вы можете заметить мне ошибку?
<html>
<head>
<style type="text/css">
#arrow {
border-style: solid;
margin: 0;
padding: 0;
border-width: 100px 0px 100px 50px;
border-color: blue blue blue red;
}
table {
border-collapse: collapse;
border-style: none;
padding: 0px;
spacing: 0px;
}
</style>
</head>
<body>
<table>
<tr>
<td bgcolor="red">
Blah,
</td>
<td>
<div id="arrow"><!----></div>
</td>
<td bgcolor="blue">
blah.
</td>
</tr>
</table>