Menu rozwijane menu startowego niepoprawnie wyświetlane w Google Chrome - jquery, css, google-chrome, twitter-bootstrap, menu rozwijane

Stworzyłem stronę internetową za pomocą Bootstrapa i jest ona gotowa do uruchomienia, jednak w ciągu ostatniego tygodnia menu nie zawierało wszystkich danych poprawnie w Chrome:

http://demo.altru.co.uk

spróbuj unosić się nad KS1 i KS2 w górnej części nav na chrome, próbowałem na kilku maszynach i to jest ten sam problem. Działa dobrze na firefox i internet explorer.

Aby to uprościć, mogę powiedzieć, że nie ma żadnej specjalnej stylizacji na bootstrapie, to jest po prostu standardowe, więc moje pytanie brzmi: czy jest to błąd w chrome, czy problem z moim kodem, który ma wpływ tylko na chrome?

Dziękuję wszystkim!

Odpowiedzi:

Co ciekawe, jest to spowodowane przez max-width właściwość ustawiona na <img> znaczniki w menu. Zakładając, że "tylko korzystasz tylko .pad5right w menu musisz zmodyfikować swój CSS, aby pozbyć się max-width: 100% `ustawionego przez Bootstrap:

.pad5right {
padding-right: 5px;
max-width: none;
}

Bardziej ogólny styl dla każdego menu będzie taki:

.dropdown-menu img {
max-width: none;
}

Dość dziwny problem, którego rozwiązanie wymagało czasu i prawdopodobnie błąd w Chrome.