Menu Bar changes in Chrome

Whenever I look at my website in Firefox, IE, Safari, etc. it looks just fine. But when I open it up in Chrome, the menu bar is higher than it should be. Is there a webkit that I need to add in to make it stop doing this? I can't figure this out, and my client is pretty upset about this. The link is below. Any help would be greatly appreciated!

zacharysgrill.com/

Thanks!

In template_css.css which is located in your template_folder\css find line where this code starts

.galleryrow .container, .galleryrow .row, .galleryrow .cell {
margin-top: -100px;
}
and comment or remove margin-top property.

When I do that, then the menu bar looks wrong on all other browsers except Chrome. The reason I put that there was so that it would look correct on most browsers. I don't understand why the different browsers are interpreting the code so differently.

Well I think I found solution, open file template_css.css and follow instructions:

-Find

.galleryrow .container, .galleryrow .row, .galleryrow .cell {

and delete marign-top: -100px; or comment it

-On bottom of the file put:

.mp_advert3{
position: absolute!important;
}

-And find

.galleryrow .cell_pad {

and clear margin-top property.

Regards

You are incredible, sir!!