Интересно, как важно, чтобы элемент дерева DOM находился в нужном месте?
<style> должно быть внутри <head></head>
<div> должно быть внутри <body>
<body> должно быть внутри <html>
Например:
$(document).ready(function () {
$("body").css("display", "none").before("<p>Loading...</p>");
});
Оказывается, после загрузки документа мы закрываем и помещаем перед ним своего рода блок, который информирует о загрузке страницы.
Какую реакцию браузеры могут показать на такую конструкцию? Я проверил это в Firefox 6, IE 9 - без проблем!