[NashChristian]

Originally Posted by Lynne

You need to add the arrow image as a background for your css:

url("/images/misc/arrow.png") no-repeat scroll right center transparent;

(May need some padding also, but I'm sure you'll see after you add it what needs to be done)

Use firebug to look at the other drop-downs and you'll see what adds the lines. It's a top-border on the <li>, I think.

Beautiful! Thanks Lynne!

I've got it ALL working now except for ONE thing - that crazy divider line between <li> items in the drop-down.



I can't tell how vB is styling this by looking at Firebug this time. I tried top and bottom borders, alternately, but both presented problems. Shown in the image above is a 1px bottom border. I'm noticing three problems with it:

1. The line is THICKER and more prominent (it looks more like a HAIRLINE in the Logged-In version at the top).
2. The line COLOR is blue... I can't figure out how they are styling the color.
3. There is an EXTRA border below the last list item, which isn't the case with the Logged-In version.

I used this code:

border-bottom:1px solid {vb:stylevar navbar_tab_background.backgroundColor};

I know that this is what is making the line blue, I just don't know how the Logged-In version is styled so I can duplicate that look for my Logged-Out version.

Any idea HOW in the heck they are styling this horizontal divider line?

Thanks again for all the help!
Jeff