CSS issue - margin top - Google Chrome [closed]

Question

On my Joomla site I have a problem with the margin-top only in Google Chrome. Firefox & IE are ok. There are 27 pixels, the menu is above. I use a theme from Yootheme (but they are not able to solve the problem).

If I enter this style:

ul.menu.menu-dropline {
  margin-top:27px;
}

Google Chrome version is ok; but not Firefox & IE anymore.

Unfortunately I am not the CSS profi - hopefully you can help.

Kind regards winfo

Answer 1

I found these lines in your CSS code. Probably they cause the difference in behavior between FF and Webkit browsers.

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;

Quick solution: Add the following to your CSS code.

ul.menu.menu-dropline {
    -webkit-margin-before: 27px;
}