[HTML/CSS]Position trouble.

[Mindblaster7]

I'm working on a new website, but I ran into a bad error, that I just can't fix. I want, where you see 4 "reversed" corners, just below the 2nd "paragraph", to go into the 2nd "paragraph", so it could form a white box, but it simply wont let me get it inside the "paragraph".
I tried in many wierd ways, but I need advice from people who is better to this.

Sources:
HTML file:

<html>
	<head>
		<?php //includes!
		include("includes/config.php");
		?>
		<title><?php print $doc_Title; ?></title>
	</head>
	<body>
			<?php //body includes!
				include("includes/stylesheet.htm");
				include("includes/menu.php");
			?>
			<div id="rightColor"><div id="ur"><div id="ul"><div id="bl"><div id="br"><div id="indexedText">
				<h1 class="indexHeader">Welcome to Project Nasu</h1>
				<p class="indexParagraph">This is an awesome page, man!</p>
				<p class="indexParagraph"> </p>
				<p class="indexParagraph"> </p>
				<div id="beginnerGuide"><div id="rtr"><div id="rtl"><div id="rbl"><div id="rbr">
				<a href="register.php" title="Register here" class="normLink">Register</a><br />
				<a href="downloads.php" title="Downloads here" class="normLink">Downloads</a><br />
				<a href="theserver.php" title="Misc information about our server" class="normLink">Info. regarding<br />the server</a><br />
				<a href="http://forum.project-nasu.com/" title="Visit our forums!" class="normLink">Forum</a> 
			</div></div></div></div></div></div></div></div></div></div></div>

</html>

CSS:

/* General website stuff.. yeah... */
body{
	background-color:white;
	margin: 10px auto;
	width: 850px;
}

#rightColor{
	background-color:#3879fe;
}
#indexedText{
	margin-left:15px;
}
#iSpacer{
	height:10px;		
}
#upperMenu{
	background-color:#3879fe;
color:white;
text-align:center;
}
#beginnerGuide{
	float:left;
	width:150px;
}
#ul{background: url("ul.png") 100% 0% no-repeat;}
#ur{background: url("ur.png") 0% 0% no-repeat;}
#br{background: url("br.png") 0% 100% no-repeat;}
#bl{background: url("bl.png") 100% 100% no-repeat;}
#rtl{background: url("rtl.png") 0% 100% no-repeat;}
#rtr{background: url("rtr.png") 100% 0% no-repeat;}
#rbr{background: url("rbr.png") 100% 100% no-repeat;}
#rbl{background: url("rbl.png") 0% 100% no-repeat;}

/* LINKS */
.normLink{
	color:white;
	text-decoration:none;
}
.normLink:hover{
	color:#33ffff;
}

/*text transformationz*/
.indexHeader{
	color:white;
}
.indexParagraph{
	color:white;
}

 

[john_d]

one thing noticed in this forum section people seems to like to complicate things.

what your trying to do could be done with just a few lines.