Div Empura conteudo

Olá pessoal tenho uma DIV que ta "empurando" o conteudo para baixo e queria que ela funciona-se como um menu popup abri-se sem empurar o conteudo

vejam o código

<img src="imagens/topo.jpg" alt="VIP" width="1002" height="153" border="0" usemap="#Map" /></td> <map name="Map" id="Map"><area shape="rect" coords="73,35,367,143" href="index.php" alt="Página Inicial" /><area shape="rect" coords="437,73,532,97" href="index.php" alt="Página Inicial" /><area shape="rect" coords="547,74,634,97" href="quemsomos.php" alt="Quem Somos" /><area shape="rect" coords="648,75,720,95" href="#" alt="Produtos" />[b]<!--AQUI TA A div-->[/b]<div id="popup"><ul> <li><a href="produto?id=1">teste</a></li> <li><a href="produto?id=2">teste2</a></li> </ul></div><area shape="rect" coords="735,76,793,95" href="galerias.php" alt="Galerias" /><area shape="rect" coords="889,75,952,95" href="contato.php" alt="Contato" /></map><table width="1002" border="0" cellspacing="0" cellpadding="0">

#popup{ width: 120px; position: relative; top:-58px; left: 655px; background-color: #c42601; margin: 0px; padding: 2px 0px;}#popup ul { margin: 5px 25px; padding: 0px; list-style: url('square.gif');}#popup ul li { margin: 4px 0px; display: list-item; }#popup ul li a { font: 12px Verdana; color: #fff; text-decoration: none;}#popup ul li a:hover { text-decoration: underline;}

beleza, valew pessoal.