CSS: Troublesome layering issue

[ddmobley]

Got an unusual CSS issue I can't resolve. Drop down menu with fly out tertiary navigation, the first tertiary LI item displays correctly on top of the underlying secondary layer. Second and thereafter LI tertiary items are layered below the secondary layer. Tried various combinations of z-index with no luck. Any thoughts?

Go to http://www.maconwalkingtours.com/, hover over "About the tour", go down to second entry (with the > arrow) and hover. Tertiary list will show up, part on top, part under neath.

Thanks in advance.

[jcdevelopment]

try this


#nav li ul ul {
border-top:1px solid #51321D;
margin:-27px 0 0 200px;
}


merely a margin error. See if that works for you.

[ddmobley]

LOL! Actually, I figured that out and have been using that elsewhere, but what I want is to bring the tertiary layer in floating over the secondary later. I've seen it done elsewhere, but can't figure out how to do that here.

But thanks anyway.