jQuery fly out menu - How to separate two different items with line

Question

I have a fly out menu similar to the one on this page http://jc-designs.net/demo/flyout.html

When hovering over the main tabs, is it possible to insert a line between one more items on this menu?

So for "Home" instead of:

About this template here
Flash
jQuery

It would be:

About this template here
--------------------------------------
Flash
--------------------------------------
jQuery

Answer 1

The best way is to do it in css adding something like

.listTab li{
   border-bottom: 1px;
   border-style : dashed;
}

Answer 2

Add a bottom border to each item:

var sel = "ul > li > ul > li";
$(sel).css("border-bottom", "black solid 1px");

You can also conditionally not add this styling to the last element ( :last-child )