Page loading problems

Hi, I have a problem when my pages load they show unformatted HTML code before the css style sheet kicks in...do you know why this would happen?

Link.

__________________

It's a common bug in IE and it happens a lot to me in Safari too.

Here's an explanation and an IE fix:
http://www.bluerobot.com/web/css/fouc.asp

Hi thanks for the link I found the solution it was a bit of a hack but by putting a empty <script type="text/javascript"> </script> tag it solved the problem for now. Also I have put in a footer that sticks to the bottom if the browser but it has disabled my navigation, how can I solve this??http://www.tradeservicedirect.co.uk

You shouldn't need any hacks.

It might help if you looked through your mark-up and corrected the errors such as having two </body> tags.

One about half way through the code just above the comment <!-- END header --> and one at the end of the file where you would expect it.

Thanks for that, but that doesn't help me with the last question?

You really need to validate your pages and correct the things the response tells you are wrong.

For example when I ran your workwear page through the W3C valdation service it came back with 71 errors.

Tip: Always fix your problems from the top down as there can be cascade effects.

ok, I've validated the home page no more errors! but I have a problem with the footer, it sticks to the browser bottom fine but if you make the browser smaller and scroll the footer sticks and scrolls with the rest of the page.

Here's the link again http://www.tradeservicedirect.co.uk

meanwhile I'll continue to validate the rest of the site :-)

IMO there are far more <div>'s on your page than you actually need to control layout.

Just taking the footer, you have #footer, #footercontainer and #spacer.

The #spacer is totally redundant. There is bound to be a better way.

If your #footer div is placed in the proper sequence of markup, it doesn't need to have its position: absolute or relative. It will naturally be at the below everything else. Using position: absolute is always problematical as it takes the element out of the normal flow sequence.

Also not that specifying something as float: ... has a similar effect.

At the moment, your footer is only partly seen in Firefox and nowhere to be seen in Opera. Also in these two your top navigation is out of alignment.

From an operational viewpoint, most people, I would suggest, would never think that those bottom three blocks were links anyway.