Chrome menu UL items have 4px between, how do I remove that?

[lycapixel]

1) Script Title: Chrome Menu (2.01)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/index.htm

3) Describe problem: I'm using chrome menu, but the top level UL items are all defaulting to 4 pixels between them causing the nav to not fit in the area designated. Is there a way to modify this solution to not have any horizontal space between UL menu items?

Thanks.

[ddadmin]

The problem is due to the way the Chrome menu is styled (inside the .css file). If you look at the raw menu style, there's a minor spacing between each menu item as well. I tried playing around with it a bit, though can't get rid of the spacing.

The easiest solution is just to replace the original .css file for this menu with a CSS menu without the gap. For example, try this one instead.

[lycapixel]

The solution was right in front of me the whole time.

I think the right margin was not being caused by the CSS, but rather the JS (I think).

I modified this in the CSS to have a right negative margin, and the gap is gone.
.chromestyle ul li{
display:inline;
padding:0px;
margin:0px -2px 0px 0px;
}

[ddadmin]

Good to know it's fixed for you, either way.