Hello there everyone, just a quick introduction before I get onto my problem.

My name is Lucas, I am a school student undertaking a distance education IT course and currently we are studying PHP and HTML. I have decided to take learning CSS into my own hands so that I may make websites which aren't the horrible generic Black Text on Simple coloured background with Times new Roman font.

To the issue at hand; the "border-radius" element is not functioning as intended. Disregard the clash between the text effect and the black background.

Name:  CSS Issue.png
Views: 112
Size:  7.1 KB

So basically what is happening here is it is placing the "border" on each separate line, whereas what I intended for the element to do was surround a couple of paragraphs.

Any idea how I may be able to do this? The style code used for this is:

-moz-border-radius-topleft: 50px;
-webkit-border-top-left-radius: 50px;
border-top-left-radius: 50px;
-moz-border-radius-topright: 50px;
-webkit-border-top-right-radius: 50px;
border-top-right-radius: 50px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 35px;
-webkit-border-bottom-left-radius: 35px;
border-bottom-left-radius: 35px;
However the exact same problem happens with:
border-radius: 50px;
Perhaps I am using the wrong element? I am still a noob at coding, so all help and tips are appreciated even if they only hold little relevance to the issue at hand.

Thank you!