Выпадающее меню в два столбца

У меня установлен плагин который добавляет в самом верху меню с выпадающими списком, сейчас встал вопрос как реализовать чтоб в выпадающем списке пункты меню были в два столбика. К сожалению в css я вообще не силен и как ни пытался, так и не смог это реализовать.
Вот код css

Код:

#svgnav{
    background-color: @svgnav_color;
}
#svgnav ul{
    height: @svgnav_height;
}
#svgnav ul li{
    float:left;
}
#svgnav li:hover{
    background-color: @svgnav_hover;
}
#svgnav ul li ul{
    float:left;
    position:absolute;
}
#svgnav ul li ul li{
    float:none;
    background-color: @svgnav_color;
}
#svgnav ul li ul{
    display:none;
    z-index:999;
}
#svgnav ul li:hover ul{
    display:block;
}
#svgnav a:link, #svgnav a:visited, #svgnav a:active {
    @property "svgnav_link";
    font-size: 15px;
    color: rgb(2, 254, 246);
    text-decoration: none;
    padding-right: 20px;
    padding-left: 20px;
    display: block;
    line-height: 30px;
    @property "/svgnav_link";
}
#svgnav a:hover {
        @property "svgnav_link_hover";
        color: @primaryLighterStill;
        text-decoration: none;
        @property "/svgnav_link_hover";
}

На сколько моих познаний хватает я понял что за сам выпадающий список отвечает вот этот кусок кода
#svgnav ul li ul li{
float:none;
background-color: @svgnav_color;
}
но как я не пытался своими силами добиться нужного результата так и не смог. Может кто то подсказать как это реализовать?