У меня есть простая веб-страница с центрированным фоновым изображением вокруг основного раздела. Фоновое изображение прекрасно отображается в IE и Firefox, но в браузерах на основе Webkit (Chrome, Safari) фоновое изображение отображается только частично при первоначальной загрузке страницы. Это похоже на то, как будто браузер просто прекращает попытки рендеринга. Если я изменю размер окна браузера или нажимаю на любую из ссылок на странице, фоновое изображение отображается полностью. Вот сайт: http://www.jnrtunes.com.
Я пробовал различные CSS-хаки, предварительную загрузку изображений и т. Д., И кажется, что ничего не решает проблему. У кого-нибудь были подобные проблемы? Есть ли проблема с моим HTML или CSS? Я настоящий новичок в HTML / CSS, поэтому любые советы будут оценены. Спасибо!