Default theme's main menu does not display correctly on chrome

As the title, my site is having problem with displaying menu bar on chrome, it works fine on IE and Firefox. I do not modify anything on the default theme of nopcommerce, the issue happened right after complete the nopcommerce installation refer to below screenshot.
http://hoangviet.azurewebsites.net/
On chrome,

On IE,

On FireFox,


Currently, my site runs with nopcommerce 3.4
Please help and advice the solution.

Thank you so much!

sangnguyen110 wrote:

Hi,

Modify following stylesheet:

.header-menu .top-menu li {
  float: left;
  list-style-type: none;
  padding: 10px 8px 1px 8px;
  line-height: 28px;
  height: 28px;
  margin-right: 9px;
  text-align: center;
  min-width: 75px;
  background: url(images/top-menu-divider.png) no-repeat 100% 50%;
  z-index: 9;
}

Hi anh Tuấn,

thank you so much for your reply. Your solution fixed my site issue.
I also see that this issue has been resolved on the nopcommerce 3.50 by removing the margin-right property of the "li" element (.header-menu .top-menu li).
the style sheet need to modified is located on the following path.
/Themes/DefaultClean/Content/styles.css