NiceMenus top level gray background indented

Hm, this is not happening to me on a local install of D5. Have you done anything with the CSS?

I'm getting the same issue with NiceMenus and my custom template, Marinelli. When I try to create drop-down menus, there is a gap between the already visible portion of the menu and the part that has dropped down already.

I have not done any changes to CSS-files either in the templates or in the module itself.

In order for us to be able to troubleshoot this further it would be nice if everyone could provide info about browser, browser version and so on.

Pushbutton, Garland and Bluemarine are templates that have been merged into Drupal version 5 core. Therefore they should be cross-browser compatible and standards compliant.

I'm experiencing the exact same issue in:
- Internet Explorer 6
- Pushbutton-theme in Drupal 5.7 core
- Bluemarine-theme in Drupal 5.7 core
- Garland-theme in Drupal 5.7 core

Since we have tested this with both a custom theme and core themes. And even with 2 different browsers (on my side) we could maybe say that it isn't caused by the theme itself?

With the Garland theme I tested with the following screen resolutions which all had the same problem:
1280x1024
1024x768
800x600

Nicemenus is built by the following:
-ul
-li
-a

May it be a default padding that hasn't been specified? Or may one of the following be the cause?:
- margin
- padding
- float
- positioning of element

(Duplicate post)

I do *not* see this behavior with D 5.7, Nice menus 5.x-1.2 in FF3, Safari on Mac nor in IE 6 or FF2 on Windows XP. It looks fine here.

@archer007 it sounds like you may be talking about something else. This issue is about an extra grey line at the top of the UL, not a gap between menus.

I anyone else experiencing the same issue?

What themes did you test with "add1sun"?

Pushbutton and Garland

In order for us to get an idea it would be really nice if each user that reads this thread could tell us if he/she experiences the same or not.

I had this same problem in Drupal 6.2; I worked around it by changing this value in the default nice menu .CSS file:

I changed the 'width' and 'left' values from 12.5em to 10.5em and this made the indent less noticeable.

I tried doing what you suggested, but it had no effect on the indentation. I made sure I emptied the browser cache, but that didn't help either.

What theme and browser did you test with?

Hey Rentex,

Actually I changed all of these values to 10.5em, sorry about that. Take a look:

I'm using the Forest Floor Theme. If your menu pops left, then you'll have to change them under the section where menus pop left. Let me know if it works for you; you'll probably have to mess with those values until it looks right.

I can't replicate this in core themes and everyone else that is reporting seems to be on a contrib/custom theme. I'm changing this to a support, CSS issue and closing since no more response from OP in almost a month.

Thank you for the code spc. However this didn't fix the issue. I even replaced all the 12.5 ems in that CSS file, but that didn't help either.

Any other suggestion?

I'm getting the same problem

The problem persists when changing the buttons into graphics - there is a block of white space on the left hand side of the menu

I still can't reproduce this myself so I don't know where it is coming from to begin with. It is all fine for me in core themes.

@danbuntu, which theme? Again, if it isn't happening in a core theme, I'm closing this issue.