Помогите разобраться со слоями в HTML (HTML + JavaScript + )

[Lexus]

Просьба ко всем участникам форума: помогите немного разобраться с порядком слоев в HTML. Ваши советы очень важны для меня.

Есть HTML страничка на которой в первом слое размещен SVG-объект:
<span id="zal" style="position: absolute; top=50; left=50 z-index:-10;">
<EMBED SRC="zal.svg" NAME="SVGEmbed" HEIGHT="543" WIDTH="696" TYPE="image/svg-xml" PLUGINSPAGE="http://www.adobe.com/svg/viewer/install/">
</span>

И есть второй слой:
<span id='context_menu' STYLE="position: absolute; top=40; left=70; visibility:hidden; z-index:500;">
<table><tr><td>Информация</td><tr></table>
</span>

Далее в JavaScript в определенный момент меняю:
context_menu.style.visibility = 'visible';

Все появляется, но только SVG-объект всегда на верхнем слое. Не понимаю почему и как сделать так, чтобы выводимая информация размещалась над ним, а не под.

Буду признателен за любую помощь.

[lexxur]

To Lexus.
Так ты это z-index меняй. Это так сказать удалённость: чем больше число, тем ниже (дальше) слой.