Chrome Menu Bar Help

[Cory]

I am using the Chrome Menu Bar (http://www.dynamicdrive.com/style/csslibrary/item/chrome-menu-bar/) on my InvisionFree board (http://bigboardsresources.com/) (if this is considered advertising, I will remove the link), located below the logo. I have two issues that I am running into, the issues can be found below (both appearing in FireFox).

1.) Hover over the "Board Rules" image (the first one). Now, hover over any other image on the menu bar. See the difference? The hover does not appear fully for all images on the menu bar with the exception of the "Board Rules" image. A little part of the hover on the left side does not appear.

2.) The border on the far right side of the menu bar is appearing as the original Chrome Menu border color, while the left side is appearing as the logostrip's border. How do I get the far right side of the border to show the logostrip's border (black border) instead?

Thanks for any of the assistance you can provide.

[ddadmin]

The hover background color not spanning the entire link is actually normal, and occurs in the DD demo as well. Long story short, the issue is due to each menu item not being a block element. The advantage though is that you can easily align the menu items (ie: center or right them) if you wish. An example of a menu that does what you want in this respect is Vertical Divider Menu (http://www.dynamicdrive.com/style/csslibrary/item/vertical-divider-menu/).

For your 2nd question, try adding an explicit border style inside the very righ most menu link:


<a href="#" style="border-right: 1px solid navy">...</a>

for example.

[psilos]

I had the same problem with hover background
u should simply add


.chromestyle ul li a{
...
float:left;
}