Chrome CSS Conundrum? Can you help?

[dangdang]

I have been building a web portal for my family over at http://google.com. But I have run into a seemingly small problem that has stumped me. The problem only happens in Webkit Browsers like Chrome and Safari. So here it is:

Go to http://google.com in Chrome or Safari.

Hover over the last item in the bottom navigation called "Games".

You will see the entire bottom navigation shift to the left about 8px.

Why is this happening? What elements are causing the shift?

It doesn’t happen in Firefox or IE. Can you figure it out?

Thank you for your help.

DangDang

[Ramesh]

may be you can check increasing the width of container from 600 to 700 like that

[dangdang]

Thanks for the help but I have changed the width of the container to 700px and it doesn’t solve the menu shift bug. Please see if you can find anything else that could be causing it. I am stumped.

Thanks!

[Ramesh]

i have fixed the problem in my way try using my css it works for me use my css and let me know if it is works for you use the attached css

[dangdang]

@Ramesh – Thanks a MILLION!!! I worked on this for weeks trying to figure out what was wrong and I see now why because it wasn’t just one simple answer it was alot of things that were effecting each other. Thanks for your help!

[Author]

Posts