Lista na vertical para menu dropdown

[Carlos Rocha]

Pessoal. Boa Tarde!

Tenho a seguinte lista desordenada que pretendo fazer um menu drop down com ela.

Porem, gostaria que esse menu fosse na horizontal os menus principal e que o drop down fosse vertical.

O que eu tenho qu fazer?

<ul><li><a href="index.php">Home</a></li>
        <li><a href="anuncie.php">Anuncie</a></li>
        <li><a href="contato.php">Contato</a></li>
        <li><a href="lancamentos.php">Lançamentos</a></li>
        <li><a href="quemsomos.php">Quem Somos</a></li>
        <li><a href="servicos.php">Serviços</a></li>
        <li><a href="pesquisa.php">Comprar</a>
            <ul>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=apartamento">Apartamento</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=casa">Casa</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=chacara">Chácara</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=fazenda">fazenda</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=kitnet">Kitnet</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=sala">Sala</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=sobrado">Sobrado</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=sobreloja">Sobre Loja</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=terreno">Terreno</a></li>
                <li><a href="pesquisa.php?acao=pesquisa&imovel=apartamento" class="endlist" >Outros</a></li>
            </ul>
         </li>
    </ul>

http://www.minhaprimeiracasa.com.br/ Inclusive a minha logo vai entrar extamente antes do menu. Igualzinho. Tentei fazzer esse css mas não dá certo

body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
    color: #666;
    background-color: #fff;
    background-image:url(../../img/fundo_site.jpg); 
    background-repeat:repeat-x;
    margin: 0; /*AQUI, COLOCAMOS TODAS AS MARGENS(top,button, left e right) EM 0.*/
}

ul {
    margin: 0; /*AQUI, COLOCAMOS TUDO QUE ESTA DENTRO DE UL COM MARGENS(TODAS) EM 0*/
    padding: 0; /*AQUIN RETIRAMOS AS MARCAÇOES: AQUELES PONTINHOS ANTES DAS LINHAS*/
    }

ul li ul li {
    display: none; /*AQUI, TODAS AS INFORMÇOES SOMEM*/ 
    }

Tentei olhar no codigo fonte dessa pagina mas toda tentativa que fiz o menu saiu na verrical e nem consegui colocar a logo antes do menu.

Editado Março 14, 2012 por Carlos Rocha