Problemas com menu Drop Down

Bom dia.

Estou desenvolvendo um site no qual a um menu no topo que estou tentando por drop down... Porem da maneira na qual a minha estrutura esta montada não esta chegando ao resultado esperado, o mesmo não consegue identificar a largura da table dentro de ul li, como segue o exemplo do treixo abaixo:

<ul>
<li>
	<ul>
 <li>
 <table>
 <tr>
 <td></td>
 <td></td>
 <td></td>
 <tr>
 <tr>
 <td></td>
 <td></td>
 <td></td>
 <tr>
 </table
 </li>
	</ul>
</li>
</ul>

Chamada do menu:

$("#menu ul li").hover(function(){
$(this).find("ul").slideDown("slow");
}, function(){
$(this).find("ul").slideUp("slow");
});

PS: O efeito slideDown funciona perfeitamente porem é como se ele achasse que só existisse o próximo "li" e não a table dentro dela.

Já tentei definir os tamanhos na table, na css e nada... Não sei se fui bem claro mas alguem tem alguma dica?