Alterar um menu para exibir em colunas.

Boa tarde, pessoal!

Estamos desenvolvendo um site e preciso alterar a visualização do menu.

O menu está assim:

Eu quero que ele fique assim:

Alguém poderia me dar alguma idéia de como fazer isso sem mexer na programação do site (somente com o CSS)?.
Eu defini a altura da div para uns 200px e deixar a largura com valor "auto", mas o conteúdo ultrapassa a div. No caso o conteúdo deveria continuar sendo listado ao lado, formando uma outra coluna.
Alguém teria uma idéia? Obrigado!

Precisa de um sistema de menu que ofereça essa funcionalidade.

Já vi esse template antes, senão engano é do Gavick.

1. Se for, tem que conferir se ele usou o framework JA-T3 nele. Se sim, então o template já possui tal funcionalidade. Se chama MegaMenu. Confere ae, ou passa o nome do template pra gente ver. A configuração das colunas se faz nos parâmetros do item de menu.

2. Se não for, precisa usar um sistema de menu de terceiros. Um muito bom, que inclusive é usado pelo site oficial do Joomla, é o Maxi Menu CK.

(^ ^)

Amigo, se você tiver habilidades com o CSS faz isso tranquilo pois é bem simples e eu já fez no projeto de intranet que incorporei aqui na empresa, e fez utilizando o próprio modulo de menu do Joomla, o Mainmenu.
Nesse caso são listas ordenadas que se quebram quando chega o final do campo, para isso é necessário ser inserido uma div com dimensões pré definida após o evento de passar o mouse sobre o item desejado. A Div fica oculta com os seus itens em lista ordenadas dentro. Passa-se o mouse e a div aparece com seus itens correspondentes. Mais para realizar tal feito você precisa conhecimentos em CSS.

Desculpe não tinha lido sua mensagem or completo:

Para resolver isso, defina um
Acho que isso vai resolver.

Obrigado pela atenção pessoal!

Vinicius, é gavick sim. o nome dele é sporter:
http://demo.gavick.com/joomla15/sep2010/

Na verdade o Mega Menu é esse que eu já estou usando, na primeira figura que postei. Ele exibe um sub-menu e quando passamos o mouse sobre o sub-menu, ele exibe um outro sub-menu à direita.
O que eu preciso fazer é tentar adaptar pra ver se dá para, quando o usuário passar o mouse sobre uma opção do menu, exibir todos os sub-menus daquele item de uma vez só, sem necessidade de ter que passar o mouse 1 por 1 dos sub-menus pra ver se tem mais coisas, entende?
Um exemplo de menu como estou falando é o desse site: http://www.folhavitoria.com.br/
Se passar o mouse sobre a opção "Geral", você vai ver como fica.

Esse Maxi Menu CK parece ser muito bom mesmo. Eu só acho que se eu usar ele, vai quebrar muito o layout do site. Se der pra alterar no próprio CSS ficaria perfeito.

Vou continuar tentando aqui, se tiver alguma idéia, por favor me informe.

edyonil escreveu: Para resolver isso, defina um

li{
    float:left
}

Ok, obrigado Edyonil. Mas quem dera que fosse só isso, rsrsrs.
Obrigado por responder.

Se não der pra fazer isso utilizando somente CSS, aí a porca vai torcer o rabo, rsrsrs.
Se alguém tiver idéias, fiquem à vontade para falar. Obrigado à todos!