I've made a mobile version of my site. When loading the page however, the site is first shown without the CSS applied, and after a second (at most) it applies the CSS and renders it properly. This behaviour is consistent across all browsers (including mobile ones).
Do you have any idea, how I could force browsers to load the CSS first (which is really tiny in size) and then render the content? I've seen something about including the CSS files outside the head, but as far as I know it's against the specs, and I am afraid such hack may brake things on some mobile browsers.
Thanks!
Update
Here's the source
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Albite BOOKS mobile</title><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/><meta name="description" content="Free e-books for Java Mobile phones."/><meta name="keywords" content="free ebooks, free books, book reader, albite reader, albite books, java mobile"/><meta name="language" content="en_GB"/><meta name="classification" content="public"/><link rel="shortcut icon" href="favicon.ico" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><link href="/stylesheets/mobile.css?1289644607" media="screen" rel="stylesheet" type="text/css" /></head><body><!-- .... --></body></html>
