#historic {
	background: url('http://www.stabilo.be/images/com/product_history/background/arrow_2.png') 17px 0 repeat-y;
	position: relative;
	_height: 1%; /* look at me i'm a ugly hack for Microsoft Internet Explorer */
}
#historic p {
	background: url('http://www.stabilo.be/images/com/product_history/background/arrow_1.png') left bottom no-repeat;
	font-weight: bold;
	min-height: 44px;
	_height: 44px;
	margin: 0;
	padding: 0;
	width: 100%;
}
#historic dl {
	background: url('http://www.stabilo.be/images/com/product_history/background/end.png') left bottom no-repeat;
	_height: 1%; /* look, i'm a ugly hack for Microsoft Internet Explorer too */
	line-height: 1.25;
	margin: 1em 90px 0 17px;
	padding: 0 1em 0 5em;
}
#historic dl:after {
	content: '\2060 ';
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}
#historic dt {
	clear: both;
	font-weight: bold;
	margin: 1em 0 0 0;
}
#historic dd {
	margin: 0;
}
#historic dd.year {
	display: inline;
	float: left;
	font-weight: bold;
	margin: -1.25em 0 0 -7em;
	position: relative;
	text-align: right;
	width: 6em;
}
#historic dd.image {
	display: inline;
	float: right;
	margin: -1.25em -90px 5px 0;
	position: relative;
	left: 1em;
}
#historic dd.image img {
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
}
#historic dd p {
	font-weight: normal;
	margin: 0;
	padding: 0;
	min-height: 0;
	height: auto;
	_height: 0; /* aren't we having fun polluting the source code of that poor web developper? */
	            /* not that he needs all those position: relative; cluttering and complicating everything... */
	width: auto;
}

