I have a simple webpage with a central background around the main div. The background image displays fine in IE and Firefox, but in Webkit-based browsers (Chrome, Safari), the background image partially displays only when the page is first loaded. It is almost as if the browser just quits trying to display it. If you resize the browser window or click on any of the links on the page, the background image will be shown in full. Here is the website: http://www.jnrtunes.com .
I tried various CSS hacks, preloading images, etc., and nothing seems to fix the problem. Has anyone had similar problems? Is there a problem with my HTML or CSS? I am a ritual noob for HTML / CSS, so any advice would be appreciated. Thanks!
source share