#dockRight { margin: 0px; padding: 0px; list-style: none; position: fixed; top: 0px; height: 100%; z-index: 100; background-color: #f0f0f0; right: 0px; } #dockRight li { width: 40px; height: 120px; margin: 0 0 1px 0; background-color: red; background-repeat: no-repeat; background-position: left center; } #dockRight li:hover ul { display: block; } #dockRight li ul { position: absolute; top: 0px; left: -180px; z-index: -1; width: 180px; display: none; background-color: #F1F1F1; border: solid 1px #969696; padding: 0px; margin: 0px; list-style: none; } HTML: <ul id="dockRight"> <li id="files"> <ul class="free"> <li class="header"><a href="#" class="dock">Dock</a><a href="#" class="undock">Undock</a>Files</li> <li> <div> <table> <tr> <td> <ul> <li>List 1 inside table <div> <ul> <li>Final LI 1</li> </ul> </div> </li> <li>List 2 inside table <div> <ul> <li>Final LI 2</li> </ul> </div> </li> </ul> </td> </tr> </table> </div> </li> </ul> </li> </ul>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)