CSS: объединение границ Div и таблицы

Question

Я хочу, чтобы это было показано на картинке выше. У меня есть div с таблицей внутри, и я хочу, чтобы их границы слились. До сих пор у меня был частичный успех с CSS на этом jsfiddle: http://jsfiddle.net/uQFLX/

Как видите, правая сторона неверна. Я могу исправить это, установив ширину таблицы вручную, но мне нужно, чтобы ее размер был динамическим. Есть ли способ добиться этого, сохраняя свойство width: 100% на таблице?

Answer 1

Нет необходимости объединять границы, вместо этого избавьтесь от левой / правой границ таблицы.

Вы можете изменить свой стиль следующим образом:

table
{
   margin: 0;
   width: 100%;
   border-top: 1px solid #D9D9D9;
   border-bottom: 1px solid #D9D9D9;
}

Обновил вашу скрипку, чтобы показать ее в действии: http://jsfiddle.net/uQFLX/1/

Answer 2

Просто измените ширину таблицы на 402px, а не на 100%

   width: 402px;