jQuery Drop Line Menu structure

[amber1012011]

I am using the jQuery Drop Line Menu at DD.

http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/

I want to create a drop line menu that displays all of the links on the same level. when the user rolls over the tab they will see all the links as in the example below.


link link link link link link link link link link link link v link v link link link
link link link link link link link link link link link link v link v link link link
link link link link link link link link link link link link v link v link link link
link link link link link link link link link link link link v link v link link link
link link link link link link link link link link link link v link v link link link

Is it okay to use an unordered list and place a table inside of the <li></li> tag which would contain the Links as in the example below:?:



<div id="mydroplinemenu" class="droplinebar">
<ul>
<li><a href="#" style="width:93px; text-align:center;">Online Services</a>
<ul style="visibility: visible; width: 1264px; left: 8px; top: 21px; display: none;">
<li>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
</tr>
<tr>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
</tr>
<tr>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
</tr>
<tr>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
<td><a href="#">Class Descriptions</a></td>
</tr>
</table>
</li>
</ul>
</li>

</ul>
</div>