div.test {
	background-image: url(/prx/000/http/www.quirksmode.org/pix/logo_quirksmode.gif), url(/prx/000/http/www.quirksmode.org/pix/logo_quirksmode_inverted.gif);
	background-repeat: repeat-y;
	background-position: top left, top right;
	border: 5px solid #999999;
	padding: 10px;
	width: 168px;
	height: 28px;
	overflow: auto;
	margin-top: 30px;
}

div.test p {
	background-color: #ffffff;
	display: inline;
	color: #000000;
	margin: 0;
	font-weight: bold;
	padding: 2px;
}

div.active {
	width: 470px;
}

div.all {
	-webkit-transition-property: width;
	-webkit-transition-duration: 2s;
	-moz-transition-property: width;
	-moz-transition-duration: 2s;
	-ms-transition-property: width;
	-ms-transition-duration: 2s;
	-o-transition-property: width;
	-o-transition-duration: 2s;
	transition-property: width;
	transition-duration: 2s;
}