No replies
mrsorin
Offline
newbie
Last seen: 9 years 10 weeks ago
Timezone: GMT+2
Joined: 2012-03-01
Posts: 1
Points: 2

Hello!

I have a html page:

<head>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<img src="logo.jpg">
<body>
</body>

and style.css:

body {
	margin: 0px;
	padding: 0;
	background: #B9B99D url(background_picture.jpg) repeat-x left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #464646;
}

The problem is that the site logo is displayed for a little time before the css background image is applied.

Any idea on how to fix that?
I want to leave the background is css;

The css file and logo are used by all the pages from the website.

background_picture.jpg is 816 bytes long while logo.jpg is much bigger ~- 54000 bytes