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

, я ранее задавал вопрос по этой проблеме , на которые вы, ребята, дали фантастические ответы. С тех пор я «открыл» опьяняющую силу контекстного стиля ( http://www.w3.org/TR/css3-selectors/#selectors ) - однажды спасибо еще раз ко всем вам - и теперь я подсел.

Я добился значительных успехов в применении контекстного стиля к моему текущему дизайну здесь:

http://jsfiddle.net/gFA4p/200/

Я Однако я столкнулся с несколькими проблемами.

Вот скриншот того, что я пытаюсь сделать:

Мой первый вопрос, не слишком ли я стараюсь применять контекстные правила и усложняю это, чем нужно быть?

Во-вторых, если нет, что мне нужно сделать для достижения моего целевого стиля, как показано на скриншоте?

В-третьих, как сделать эту кроссбраузерную совместимость? Даже как есть, в других браузеры.