My boss has asked me to design a script that allows the end user to switch between texts but I can't use javascript.

I have 2 links....

1st Link

2nd Link

The first link, I have a working example. But there's a twist which can be seen at the second link. I will be using paragraphs but it seems to screw it up! I'd rather the text filled the box but cannot figure out what to change to succeed. I have kept the css with the html so all can be seen in the source but here is some css which I believe to be causing me head ache!!

#content-slider {
	margin: 0 auto;
	margin-top: 20px;
	width: 500px;
	overflow: hidden;
	height: 300px;
	text-align: center;
	border: 1px solid #000;

#content-slider-inside {
	list-style: none;
	height: 320px;
	overflow: scroll;
	overflow-y: hidden;
	width: 500px;
	line-height: 300px;
Hope someone can help