Использование CSS для изменения цвета внешней границы таблицы от цвета границы ячеек

Я хочу использовать CSS, чтобы установить цвет внешней границы таблицы .. . Тогда внутренние ячейки будут иметь другой цвет границы ...

Я создал что-то вроде этого:

table {
     border-collapse:collapse;
     border: 1px solid black; 
}

table td {
     border: 1px solid red;
}

Проблема в том, что цвет таблицы изменился и стал красным, как вы можете видеть здесь: http://jsfiddle.net / JaF5h /

Если ширина границы таблицы увеличена до 2 пикселей, это будет работать: http://jsfiddle.net/rYCrp/

Я имел дело с проблемами CSS и кросс-браузеров для пока ... Я впервые сталкиваюсь с чем-то подобным, и я полностью застрял ... Не знаю, что делать!

Кто-нибудь знает, как исправить это с помощью border-width: 1px?