Установлен фон картинкой (адрес картинки) в блоке #Head. Как я полагал, этот фон будет присутствовать во всех трех входящих в него блоках #Head .left, #Head .center и #Head .right. Но фон в них не проступает, почему то! (См. здесь. )

<div class="test">
Это блок шириной  800 пикселей
</div>

<div id="Head">

	<div class="left">
    <img src="1250.gif" alt="Логотип">
    </div>
    
	<div class="center">
    <p>Заголовок сайта</p>
    </div>
    
	<div class="right">
    <img src="1250.gif" alt="Россия">
    </div>    
    
</div>

@charset "utf-8";

/* ОЧИЩАЕМ УСТАНОВКИ БРАУЗЕРА ПО УМОЛЧАНИЮ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: middle;
background: transparent; 
font:18px Arial,sans-serif;
}

body{background-image:url(fon.gif)}

.test{
	max-width:800px; margin:0 auto; background-color: green;
}


#Head {max-width:800px; margin:0 auto; background-image:url(head-fone.jpg); background-repeat:repeat-x;}
#Head .left {float:left; width:20%;}
#Head .left img {width:50%; height:auto; margin-left:10%;}

#Head .center {width:50%; float:left;}
#Head .center p{text-align: center;}

#Head .right {float:left; width:30%;}
#Head .right img {width:50%; height:auto; float:right; margin-right:20%;}