Hi there,
The long and the short of it is this. Different rendering engines in
browsers do different things when they load a stylesheet - some wait
and some try and go forward with rendering before it has loaded. Read
about it here
http://webkit.org/blog/66/the-fouc-problem/ which
describes my problem and the solution.
All I had to do was put my stylesheet declaration before my jquery.
This causes Gecko based browsers to wait until the stylesheet has
loaded. This also *helps* with webkit based browsers like Safari, but
as they attempt to render whilst waiting for the stylsheet I still get
intermittent bugs. I'm now looking for a way to make the browser wait
until the stylesheet has loaded, by using a script that pauses or
something. I'll post here (probably) if I find a solution.
Ryan.