Adding Border to Navbar Dropdown Menu?

[taylor_smith]

So I know how to add a border to the navbar, but I can't figure out how to add a border to the navbar dropdown menus. My template is a bit temperamental and I don't want to screw anything up. If it helps, I'm using vB4.0.

Would someone mind pointing me in the right direction?

Thanks!

[Lynne]

Please post a link to your site and also an image of what you want to change.

[taylor_smith]

Here's a link: http://www.carpediem.im/forum.php.

Here's an image:


I would like to add a border to the navbar drop-down menus.

[Lynne]

Currently you have:

.navtabs .popupbody li {    border-top: 1px solid transparent;    float: none;}
.navtabs .popupbody {    background: none repeat scroll 0 0 transparent;    border: 1px solid transparent;    width: auto;}

Change the color of the borders in both of those to black, or whatever color you want.

[taylor_smith]

Thanks to you, our navbar drop-down menus now have borders. Thank you so much, Lynne!

--------------- Added [DATE]1295371872[/DATE] at [TIME]1295371872[/TIME] ---------------

Whoops, still have a problem. The background of the popupbody doesn't travel all the way to the borders. See the image below.



There are no margins/padding defined. I've tried adjusting the .navtabs .popupbody width to 100%, but this did not solve the issue. What am I doing wrong?

[taylor_smith]

Afraid I still haven't figured this one out, but I'm open to ideas from your CSS gurus.

[Lynne]

You have 2px of padding in the class .popupbody that is causing the issue.

[taylor_smith]

You're a genius in my sight. Thank you, again, Lynne.

[gakz]

Free bump to say thanks to Lynne!

This is a hard to find post and a very much needed fix in vbulletin in my opinion!