#article {
	width: 740px;
	/* interestingly, IE seems to require that additional 20px of width for the content to display correctly */
	height: 470px;
	/* more height to take into account the arrows for turning pages, if included in this DIV */
	text-align: justify;
	overflow: hidden;
}
	div.one {
		max-height: 435px;
		width: 15600px;
		/* for the explanation of this value, see Arpia.be or the CSS3-Multi-Column Javascript */
		/* it is necessary to mention it in IE's CSS! */
		overflow: visible; /* note the difference here with Opera */
		margin: 0;
	}
	div.two {
		column-count: auto;
		column-width: 330px;
		column-gap: 60px;
		max-height: 430px;
		overflow: visible; /* note the difference here with Opera */
		margin: 0 0 0 0px;
		padding: 0;
		padding-left: 0px;
		padding-top: 0px;
	}
		div.two .columns, div.two .wrapper {
			width: 330px !important;
			height: 430px !important;
			/* to make sure we override any settings the Javascript might wish to apply */
			/* despite our best intentions (such as making the DIVs shorter in height) */
		}
		.columns {
			padding-left: 0 !important;
			padding-right: 60px !important;
			/* switching the padding enables us to avoid certain layout issues that arise when turning pages */
		}
	div#columnified {
		float: left; /* for the page turning sliding to work as intended */
	}