Changing content using css but no javascript

[smithster]

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
http://yourserverpro.co.uk/testing/content-switcher.html

2nd Link
http://yourserverpro.co.uk/testing/content-switcher2.html

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 :)