liの実験その3

• ADPホーム
• 説明エントリ

* {
	margin: 0;
	border: 0;
	padding: 0;
	font-weight: normal;
}
body {
	background-color: white;
	background-image: url(20041022-0.gif);
}
pre {
	position: absolute;
	left: 100px;
	top: 250px;
	background-color: white;
}
#contents {
	list-style-type: none;
	position: absolute;
	left: 100px;
	top: 100px;
}
#contents li {
	position: absolute;
	left: 0;
	width: 250px;
	height: 50px;
	overflow: hidden;
	/* liをひとつずつposition: absoluteしてしまう。 */
}
#contents li a {
	display: block;
	height: 50px;
	padding-left: 201px;
	background-position: 0px 0px;
}
#contents li a:hover {
	background-position: 250px 0px;
}
#ul01 {
	top: 0;
}
#ul01 a {
	background-image: url(20041022-1.gif);
}
#ul02 {
	top: 50px;
}
#ul02 a {
	background-image: url(20041022-2.gif);
}