How to keep navigation bar drop down in front of everything else?

[frenchfries]

Using html and css to make a navbar with html code similar to this:

<table><tr><td>
<li><a href="/">Home</a></li></td><td>
<li>Contact
<ul>
<li><a href="/contact">Contact method1</a></li>
<li><a href="/contact2">Contact method2</a></li>
<li><a href="/contact3">Contact method3</a></li>
<li><a href="/contact4">Contact method4</a></li>
</ul>
</li>
</td></tr></table>

What can I add to make the drop down menu stay in front of all other objects, such as embedded videos and a twitter feeds. Currently the drop down will go behind these objects...

[Victorious]

Using html and css to make a navbar with html code similar to this:

<table><tr><td>
<li><a href="/">Home</a></li></td><td>
<li>Contact
<ul>
<li><a href="/contact">Contact method1</a></li>
<li><a href="/contact2">Contact method2</a></li>
<li><a href="/contact3">Contact method3</a></li>
<li><a href="/contact4">Contact method4</a></li>
</ul>
</li>
</td></tr></table>

What can I add to make the drop down menu stay in front of all other objects, such as embedded videos and a twitter feeds. Currently the drop down will go behind these objects...

give it position absolute and a very high z-index and don't forget to set up the wmode=transparent on your videos to support z-index.

[lvwd]

change to a div if you can and your positioning can be a little more accurate