Шматок з одним <li> працює, перевірив в окремому документі.html, а в цілому - ні. В чому може бути проблема
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="CSS/style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> Сайт</title>
</head>
<body>
<div> <img id="header" src="RIZBA/Rizblennya.jpg">
</div>
<div id="left-col">
<li class="menu" >Головна сторінка</li>
<hr>
<li class='menu'>Пункт</li>
<hr>
<li class='menu'>Пункт</li>
<hr>
<li class='menu'>пункт</li>
<hr>
</div>
<div id="coll">Text,text,text</div>
<div id="down">Пiдвал</div>
</body>
</html>
style.css
body{ background-image: url('knopa-menu.jpg');
margin: 0px
}
#header {
clear: both;
padding:5px;
height: 260px;
width: 1300px;
}
#coll {
padding:5px;
margin: 0px 0px 0px 210px;
background-color:#004A7F;
}
#down {background-color: #D3D333;
clear: both;
padding: 5px;
}
#left-col {
float: left;
width: 210px;
padding: 10px;
}
li.menu {
list-style-type: none;
text-align: center;
font-family: Calligraph, Times New Roman, Fantasy ;
font-size: 18px;
font-weight: lighter;
display: block;
background-image: url(knopa-menu.jpg);
}