Почему в Opere сайт отображается неправильно?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Header</title>
<style type="text/css">
.td {
border-top: 1px dashed #f00;
border-right: 1px inset #f00;
border-bottom: thin dotted #f00;
border-left: 1px solid #f00;
background: #ccc;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<table>
<tr>
<td class="td">Test</td>
</tr>
</table>
</body>
</html>

likeopera, а разве я не прав?
это не "ламерство"?
ты, уверенный в том, что исчезновение границы ничто иное как глюк, предоставил пример, в котором повторил ошибку в описании оформления ранее сделаную tomsks,
при этом никто похоже не обратил внимания, на мой первый пост в этом топике,
цитирую: это не баг, это ошибка в описании оформления

далее я написал как это исправить, понадеявшись, что этого будет достаточно, но спор всё же продолжается...

я допускаю, что моё объяснение слишком сумбурное,
но почему вы сами не пытаетесь прочитать спецификации и понять что же происходит с границами и почему браузер себя так ведёт?

попробую объяснить ещё раз, теперь чуток по другому.

по умолчанию все границы имеют свойство border-collapse:separate;

"раздельная модель" вообще не подразумевает различных стилей для границ, об этом прямо написано в спецификациях,
тоесть в этом то и заключается ошибка,
именно ошибка!
в этой модели все границы должны быть одинакового стиля!

в спецификациях не указано как ПА должен исправлять ошибки,
хотя там и есть краткое упоминание о разрешении конфликтов границ,
но данный случай не упоминается,

Opera натолкнувшись на такую ошибку пытается её разрешить,
по идее она (Opera) вообще не должна отображать "солидную" границу, потому как все границы по умолчанию имеют свойство "none", а следовательно у "none" наивысший приоритет при выборе,
но в Opera видимо решили, что присваивать конфликтной границе свойство "none" слишком уж жестоко и сделали "ошибочные" границы скрытыми, тоесть "hidden",
как и в случае который описывается спецификациями в разделе "border conflicts",
потому то и видна эта граница только если над ней ничего нет, тоесть не указан фон...

значит что получается:
если вы не указали border-collapse:collapse;
то применяется свойство по умолчанию border-collapse:separate;
в separate нельзя указывать разные стили для границ,
если же всё таки они разные,
то ошибки заботливо убираются браузером подальше под ковёр (под фон),
если фона нет, то вся исподня (все ошибки) видны,
тоесть как раз и видна наша "исчезнувшая" граница...

другие "ошибочные" границы видны потому что они не пересекаются с фоном, а являются внешним обрамлением бокса (в отличии от inline и solid),
кстати в спецификациях хоть и не указано какие именно границы считать ошибочными в "раздельной модели", но об этом можно догадаться по расстановке приоритетов в описании: верхний, правый, нижний, левый.
правда я не уверен, что браузер руководствуется именно этим правилом в выборе приоритетов,
скорее отображает всё что может,
а может он в любом случае отобразит любые границы которые не перекрываются иным оформлением...

вобщем советую взять чистую таблицу и поэксперементировать с её границами (не обязательно с границами ячеек),
при этом паралельно сверяясь с спецификациями,
там кстати много интересного,
например описано как должны отображаться границы строк и стобцов а также групп строк и групп столбцов в разных моделях (а нетолько боксов как таблица или ячейка)

likeopera, переводить спецификации я не собираюсь,
переводов уже жостаточно сделано,
правда все они изобилуют ошибками и неточностями,
иногда даже умолчания не верно перепечатываются...
считаю, что лучше всего читать оригинал, дабы не возникало эффекта испорченного телефона.

tomsks, я не понимаю почему "люди, когда пишут сайты не смотрят в спецификации, им это и не надо",
это же всё равно что купив права не смотреть на знаки =))
гаишнику пофигу, купил ты права или честно сдал экзамены - нарушил, значит плати штраф!

то что ты не понял "что и как" это видимо из-за неважного объяснения =)
попробуй сам поиграться с оформлением таблицы, где всё что только можно (границы, внешние и внутренние отступы) очень большие и по возможности разноцветные - лучше не читать чужие объяснения, а самому всё попробовать...

атрибут cellspacing="0" в теле HTML вообще то давно уже должен иметь статус "deprecated" непонятно почему до сих пор используется потому как:
1. вообще использовать оформление внутри документа дурной тон
2. и cellspacing, и cellpadding очень легко заменяется описанием оформления через CSS

эти параметры отвечают на отступы,
в первом случае за отступ границы ячейки от границ таблицы и границ соседних ячеек,
во втором случае определяется расстояние содержимого ячеек от границ этих ячеек.

и если мне не изменяет память, то cellspacing так же может влиять на отступы между границами столбцов и рядов, а так же групп столбцов и рядов

то что касается "написано по стандарту" и "в других браузерах":

есть стандарты, которые описывают почти всё,
есть ошибки, способ исправления которых выбирает только разработчик браузера - разработчики страраются как могут, уж поверь.
конечно же все браузеры по разному исправляют ошибки, а следовательно по разному всё это месево из тэгсупа в перемешку с оформлением и отображают.

если ты считаешь, что где-то, что-то не верно отображается, то для начала убедись, что ты правильно описал это отображение, если всё верно, но разница в отображении есть, то загляни в спецификации, выясни как оно вообще должно отображаться по умолчанию,
а потом исходя из этого лечи "неправильный браузер" CSS-хаками

в спецификациях кстати, явно указано, что способ отображения (лечения) ошибок браузером не должен быть определяющим для пользователя!
тоесть нельзя ориентироваться на то как браузер лечит ошибки, нужно просто писать без ошибок

что касается <hr /> (горизонтальная линия):
IE по старинке пытается придать линии "Deprecated" свойство по умолчанию noshade равное "false"
тоесть отрисовать линию с тенью,
спецификации 4.01 вообще не рекомендуют описывать оформление этого элемента, там вообще все визуальные свойства для HR помечены как "Deprecated"
и совсем не оговариваются умолчания,
так что лучше не пологаться на браузеры,
а самому прописать оформление для этого элемента в CSS:
выравнивание, размер, ширина, цвет

тоже самое похоже происходит и с остальными "удвоенными" линиями в IE -- не полагайся на его умолчания, лучше сам опиши оформление.