* { padding: 0; border-width: 0; margin: 0; list-style-type: none; }
html {
	background: #FFF2C7; 
}
h1, ul, div {
	width: 500px; margin: 0 auto;
}

h1 {
	height: 260px; background: url('images/home_top.gif'); 
	color: #FFF2C7; content: ''; font-size: 0; /* ukrywamy tresc */
}
ul { 
	background: url('images/home_middle.gif'); 
}
div {
	height: 100px; background: url('images/home_bottom.jpg'); 	
}
ul a {
	display: block;
	height: 20px; /* IE: rozciaga odnosnik na cala szerokosc listy */
	margin-left: 105px;
	color: navy;
	font: bold 10px/18px Verdana, Arial, 'Sans Serif';
		/*	istotny jest niuans dwoch pikseli roznicy pomiedzy wysokoscia elementu blokowego
			a wysokoscia wiersza tekstu. mam wrazenie, ze istnieja tu dwa osobne nalozone na
			siebie problemy: 1) istnienie 2-pikselowej roznicy pewnej wysokosci pomiedzy IE
			a innymi przegladarkami oraz 2) roznica w interpretacji wysokosci (w rodzaju:
			jeden program rozciaga element, a drugi przesuwa tekst). warto znalezc na ten
			temat jakis artykul */
	text-transform: uppercase;
	text-decoration: none;
}
ul a:hover { 
	color: maroon; 
	text-decoration: underline; 
}