Problema con menu centrato

[webdesigning]

Ciao a tutti io ho un menù di questo tipo (è solo html, ho tolto i vari js)

<DIV id=Sottomenu1 style="z-index: 100; left: 407px; visibility: hidden; position: absolute; top: 43px; width: 84px; height: 49px"> 
  <TABLE> 
    <TR bgColor=#F2D68A> 
      <TD>Sottomenu 1</TD> 
    </TR> 
  </TABLE> 
</DIV>
<div align="center"> 
  <TABLE> 
    <TR> 
      <TD> <TABLE> 
          <TR> 
            <TD vAlign=top align="center"> Categoria 1</TD> 
            <TD vAlign=top align="center"> Categoria 2</TD> 
            <TD vAlign=top align="center"> Categoria 3</TD> 
          </TR> 
        </TABLE></TD> 
    </TR> 
  </TABLE> 
</div>

Una volta che si passa con il mouse su Categoria 1 si visualizza il div nascosto Sottomenu 1. QUesto è ok.
Il problema è fare posizionare il div nascosto esattamente sotto il testo Categoria 1 dato che è centrato...
Ovviamente così da molti problemi in base alla risoluzione dello schermo utilizzata...

spero qcs possa aiutarmi...
Grazie in anticipo

PAUL

[webdesigning]

UP ^
|
|
|