html - フローティング ドロップダウン メニューを作成するには?

Question

ドロップダウン メニューを他の項目にフロートさせたいのですが、以下のコードはドロップダウン メニューを示していますが、ドロップダウン メニューは項目の下にあります。z インデックスを使用しましたが、うまく機能しません。z index の実行が間違っている可能性があります。

 <style type="text/css">
li.css3videos ul {display: none;}
li:hover ul {display: block; position: absolute;}
li:hover li {float: none;}

</style>

<div id="css3navigation" style="position:absolute;top:119px;">
<nav id="css3mainnav">        <ol>
<li class="css3videos"><a href="http://www.tolly2day.com/video/">Videos</a>
<ul>
<li><a href="#">Trailers</a></li>
 <li><a href="#">Movies</a></li>
 </ul>
 </li>