Adding <a href> to CSS Navbar

[Mark H]

I'm having trouble adding links to my CSS navigation bar. The trouble I am having is with the top level (e.g. "navHome" and "navDoctrine").The drop levels seem to work okay, but because the top level leaves the tag open (for the nested list) I can't seem to add a normal <a href> </a> tag.How would I do this? I'm wondering about adding a transparent image to wrap with the <a> tag, but this seems messy.

<div id="nav">	   <ul id="navList">		 <li id="navHome">		   <ul class="navDrop">		   <li class="navTopDrop">Test One</li>		   <li class="navMidDrop">Test Two</li>		   <li class="navMidDrop">Test Three</li>		   <li class="navBottomDrop">Test Four</li>	</ul>		 </li>		   <li id="navDoctrine">		   <ul class="navDrop">		   <li class="navTopDrop">Test One</li>		   <li class="navMidDrop">Test Two</li>		   <li class="navBottomDrop">Test Three</li>		 </ul></li>

Thanks,Mark.

[Mark H]

I used a transparent image, which works fine in most browsers.Further help needed in further post.