CSS sometimes does not load properly on initial load

Sometimes the header of my website does not form properly when I first load a page.

Incorrect:

In the screenshot below the headings are inside the black horizontal line

alt text http://techboy.co.uk/misc/Incorrect_View.PNG

After refreshing the page, there is space below the headings:

alt text http://techboy.co.uk/misc/Correct_View.PNG

This issu开发者_运维知识库e has been seen on several pages, not just the one I have taken a screenshot of (http://www.getmecooking.com/blog/review-of-food-bloggers-connect-london-november-2009)

Please can you tell me why this might be occurring and how to resolve it?

Thanks.

it seems like you CSS file is loading. the problem seems to be a {position: } issue. i've faced the similar problem with elements that are absolute positioned but are not contained in another div which is relative positioned

If you don't use the @imports does it still happen? Just include the stylesheets in the page directly and see if it makes a difference.

We identified a DB issue that was intermittently causing the dynamic content of pages to load a little slower than normal. Fixing that seems to have fixed the CSS issue!