jquery dropdown & tabs

[asantos3]

Ca venho eu com outra duvida/problema
Estou a trabalhar num site que se chama coobi (sim ainda a trabalhar ) e estou a fazer um montes de coisas e um dos meus problemas é fazer com que jquery tabs funcionar com um menu dropdown...

O css do tabs é:

Código:

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide { display: none !important; }

Quando se clica num link href="#tabs-1" ele vai buscar/trocar uma parte do site, neste caso o formulário...

O problema é que ele só vai buscar os quatro primeiros links e não o quinto:

Código:

<div id="tabs">
<div class="nav">
<div class="table">
    <ul class="select">
        <li><p style="margin-top: 0; margin-bottom: 0px"><a href="#tabs-1">Web</a></li>
        <li><p style="margin-top: 0; margin-bottom: 0px"><a href="#tabs-2">Imagens</a></li>
        <li><p style="margin-top: 0; margin-bottom: 0px"><a href="#tabs-3">Videos</a></li>
        <li><p style="margin-top: 0; margin-bottom: 0px"><a href="#tabs-4">Musica</a></li>
    </ul>
    
    <ul class="select">
        <li><p style="margin-top: 0; margin-bottom: 0px"><a href="#tabs-5">Produtos</a></li>
    </ul>

O problema está mesmo no css (penso eu de que) onde tenho de redifinir para que vá também buscar os outros "li a" ou tudo dentro de:
<ul class="select">
<li><a ...........

Já tentei mexer no css mas não acerto uma alguém experiente para me dar uma dica?

Aqui está o "teste"