Вот что у меня получилось выполнив следующие шаги самостоятельно:
1) .sf-menu > li {
position:relative; ......
Этим шагом я сделал так, чтобы выпадающее меню выпадало непосредственно под соответствующей категорией
2) .sf-menu > li > ul > li {
width:100%; ......
Этим шагом определяем кол-во столбцов в выпадающем меню (100%- один; 50% - два; 25%-четыре;)
3) .sf-menu > li > ul {
width:250%;Этим шагом регулируем ширину выпадающего меню в % относительно родительского
Если как-то можно корректней, проще или быстрее сделать то, что необходимо - напишите плз.