I don't think it's your css as much as it is you loading an include. That include is being loaded (read and executed) from your code. Your include statement happens to exist in the body section of your page after the browser has read the head and the body commands.

If you want to preload the images in your navbar, i would recommend coding it into your page and not in the header include.

Do you have preload functionality both in the main page and IN the include?

So how do you suggest I code in my page? I wanted to keep all this code in the header.asp file so it was good for the whole site you follow? Otherwise, I have to maintain my nav button preloads in everypage.

Is there something else I can do to still keep in the header.asp realm?

The approach your taking is quite common in development. Create snippets of the page and piece it all together. But these includes CANNOT contain page markup such as <html>, <title>, <head>, <scripts>, <body>, or any of its closing tags either. You can only include the straight code used to create the header (in your case).

Else it will duplicate the code you have in your main page. Does this make sense?

I personally utilize Dreamweaver templates to bake my cake. I allow it to manage and maintain my child pages from it's parent page.

Right... that goes back to what I told you originally, but you're in a predicament that won't allow you to make your pages "correct". Your header.asp page get's called way-later in your code. Infact, it gets called AFTER the body tag in your main page.

Instead of preloading in the header.asp, take that same string of attributes that preload the images, and apply it to the main page which has the include command.

Main Page (contains an include command for header.asp). In MainPage.asp's <body> tag, add your preload attributes:

Off-topic, but not really: You have two pages, both calling a CSS file. You have two pages, both with body tags that have preload commands in it. Then you tell one to load itself into the other. Result? The browser will read the code in the format that its presented.

Your attempt at preloading the images is a drop in the bucket to what you could potentially be faced with. In short, all of my suggestions *may* not work because the foundation of your pages are not correct.

By your own statements, you are telling me that header.asp has a head, body, css linked to it, and ALL the other tags that make up a header.asp. Your index.asp ALSO has all the same tags. When the browser calls your page, it's seeing all the code twice! Trust me.

Introduction
A frequently asked question goes something like this: "I am running a long process in the background and I want to alert my client when the process finishes. How can I send a message to the browser?" Unfortunately, the short answer…

In this tutorial viewers will learn how to define a gradient in CSS.
Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …

In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.
Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…