[CSS] nadładanie się elementów

Witam.
Mam problem z nakładaniem się elementów na siebie mianowicie menu w css jest pod tabelą a chce odwrotnie. oto mój kod, dodam tylko ze kombinowałem już z "position: relative;" a także z "z-index: X;"

#menu a:link, a:visited{
  display:            block;
  background-color:     #AC99FF;
  padding:            5px;
  font-family:            Verdana;
  font-size:            20px;
  width:            160px;
  height:            30px;
  border-bottom:        2px solid gray;
  border-right:         2px solid gray;
  margin-bottom:        5px;
  text-decoration:    none;

}
#tabelka{
  border:        1px;
  position:        absolute; right:400px; left:350px;
  top:            100px;
  text-align:        center;
  font-size:        12px;
 
}

Daj div w którym jest tabela i menu w position: relative i wtedy pozycjonuj to menu absolutnie względem div'a w którym jest, oczywiście nie zapomnij o z-index.

No tak, pomyliłem się z "z-index", podałem odwrotnie kolejność, tylko nie wiem jak zrobić coś takiego, że np. mam menu po lewej stronie w margin-left:250px; i z prawej strony powiedzmy dla przykładu tylko też jakieś menu w margin-right:250px; i teraz chce ustawić pomiędzy tymi dwoma menu tabele tylko ciężko mi jest właśnie dojść z tymi marginesami bo jeśli ustawię lewy margines to już prawy będzie ignorowany i tabela wejdzie na prawe menu, jeśli ustawię to w pozycji relative to tabela pokaże się niestety pod menu a nie pomiędzy. więc co radzicie? Oczywiście pod każdą rozdzielczością chcę aby wyświetlało się prawidłowo.