Рамка thead, tbody

[Djo]

Здравствуйте.

Хочу оградить шапку таблицы двуцетной линией.

Сайт логин/пароль: test

table.counters-history {
	background-color : #EFEFEF;
}
table.counters-history thead {
	border-bottom : solid 1px #CCC;
}

table.counters-history tbody {
	border-top : solid 1px #FFF;
}

Почему рамку не видно?

[Great Rash]

Наверное надо все-таки так:

table.counters-history thead th {
	border-bottom : solid 1px #CCC;
}

[Djo]

Жаль что через tbody\thead нельзя..

Пришлось заморачиваться:

table.counters-history {
	border-collapse: separate;
	border-spacing : 0 0;
	background-color : #EFEFEF;
}

table.counters-history thead th {
	border-bottom : solid 1px #CCC;
}

table.counters-history tbody tr:first-child td {
	border-top : solid 1px #FFF;
}
table.counters-history td, table.counters-history th {
	padding : 1px 20px;
}

[Great Rash]

:first-child не будет работать в ИЕ6 (и, по моему, 7)

[Djo]

В FF:

В IE7:

в седьмом работает, но всеже смотриться не правильно: он оставил между ячейками поля примерно 2px! - поэтому между рамками отступ и линия прерывается. К тому же рамка залазиет на тени

Есть предложения как это можно исправить, а то мне на ум только тяжелые методы приходят

вот весь css для таблицы (полностью):

table.counters-history {
	margin: 0;
	border-collapse: separate;
	border-spacing : 0 0;
	background-color : #EFEFEF;

	background-image:url(../images/module_content_right.gif);
	background-position:right;
	background-repeat:repeat-y;
	padding: 0 12px 0 4px;
}

table.counters-history thead th {
	border-bottom : solid 1px #CCC;
	padding: 2px;
}

table.counters-history tbody tr:first-child td {
	border-top : solid 1px #FFF;
}

table.counters-history caption {
	margin : 0; padding : 5px 12px 5px;
	font-size : 120%; font-weight : bold;
	background-color : #444;
	color : #FFF;

	background-image:url(../images/module_header_right.gif);
	background-position:right;
	background-repeat:repeat-y;
}

table.counters-history td, table.counters-history th {
	text-align : center;
	padding : 1px 20px;
}