Problem with Submenu background

Hi,
I have MusicState installed in this site: http://rainnightclubvn.com/
There are two menu items (the second and the third ones) that contains submenu.
Problem is when we hover over primary menu, the scroll-down submenu background displayed ok for the second menu item, but for the third one, submenu background only scroll down a half height. The full height only appeared when you hover over the submenu-content.
This is a screenshot:

When hover:


Please help!

Hi

It looks ok when I check on my computer, but I can see NSP module is not configured correctly. Next to the image settings You need to use option "Float none" or "No use float". Right now You have "Float left" which is causing this visual issue.

Hi mate,
Thank for you reply.
I've changed the float option to "none" and "no use float", but the problem is still there.
Actually, it doesn't always happen, but just most of the times. So, if it looks ok from your side at the first page load, please direct to other pages or open an article and re-hover the menu.
One other weird thing is, as I mentioned in the first post, it only happens to the third (Tin Tức) menu. The other one with same setting works fine.

Hi,
Seems like I figure out something, but I just don't know how to fix it. The problem happens at the first load. The next time it will be ok. But then, when I clear browing cached images and files and re-load, the problem will back there. So please clean your browser caches and reload any pages, check if you can see the problem at the first page load after cache cleaning.
Thank you!

Hi

[img]
http://g.recordit.co/YG3tD8QXx9.gif
[/img]

Still can't see the problem, but I can see that module is configured correctly now. I think it's cache not clearing properly in Your case and showing You an old file still.

Hi mate,
Problem is still persistent, event when I use another computer or turn off Joomla cache from back-end.
Please follow this to see: Clean your browser cache before you visit the page. Check the menu background right after the first page load, and you will see the problem. If the page loaded more than once, everything will be ok. But if you clean browser cache and reload, the problem is there again.
Have a look at my screen record below:
http://recordit.co/3KUFIV23tr
Or GIF one:

Hi

Honestly do not know why it's like that for You and never such a problem for me ;/ Try maybe add this to css

Code: Select all

#gkMainMenu .nspArt h4.nspHeader {
    clear: both;
}


if this will not help I will need to see the problem to tell something more. Contact me on Skype under "teitbite" so we can screen share and hopefully I'll be able to spot the issue.

Hi mate,
Thank you for your effort, but that code doesn't help.
Actually I don't use Skype, I neither don't know what time you're online, so it's imposible to share screenview.
If you need see something more clearly, I can record a video footage and send you. Ofcourse, it just exactly the same as the GIF recorded above. Or if you need an admin acc, please tell me.

Hi

That will not help. Problem is that I cannot see mentioned problem on none of my computers or while using browserstack to test site across different systems/browsers. I do not know what else we can use for fast communication with an ability to share screen. Please let me know what You are using and I'll just install it.

Hi mate,
Thanks so much for being patient and enthusiastic. I would say I'd better quit following this, because it's not a big problem, anyway. Up to now, the site has running for more than 3 months without any complaining from my client and visitors. I've showed them the problem, and they said it's ok for that small bug.
That's it!
Thanks again!

Hi

Ok. I will not pressure than as well but just in case You will want to get back to it, I'll leave this thread open.