Проблема с 2мя колонками разделов

Нашел на форуме очень информативный гайд http://www.xf-russia.ru/forum/threads/side-by-side-nodes.8386/ как сделать разделы в 2 колонки. Все отлично отображается , но в первом примере автор показал только как сделать для разделов, во втором-же примере он показывает как можно сделать не только для разделов , но и для подразделов.

Метод 1:
.nodeList .node.category {float: left; width: 50%;}
Метод 2:
.nodeList .node.level_2 {float: left; width: 50%;}
По словам автора нужно добавить это
.nodeList .node.forum, .nodeList .node.link, .nodeList .node.page {float: left; width: 50%;}
чтобы подразделы отображались так-же, но на деле нет разницы.


Пробовал объединить:.nodeList .node.category, .nodeList .node.forum, .nodeList .node.link, .nodeList .node.page {float: left; width: 50%;} на подразделы сработало, но разделы при этом хоть и разделились на 2 колонки , но не выровнялись в 1 колонку как в Методе 1 - а остались в 2 в результате получается на странице 4 колонки.
Как выровнять колонки? чтобы каждая из низ представляла одну колону , а вместе они делили страницу пополам как в Методе 1, и при этом не потерять подразделы в 2 колонки?

Мб так не особо понятно что я имею в виду , ниже выложу рис:

Или мб есть еще способы добиться желаемого эффекта?

 

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