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; }
Blz, valew pessoal.