Why is the border not following all the text down?

programming web dev
1

please view this in FF and in IE

http://miamiblockparty.com/invel/invelcss/abouttext2.php

The darn border doesnt follow through!


body
	{
		margin: 0;
		padding: 0;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		color: #505367;
		background-image:url(../images/background.jpg);
	}
#container
	{
		margin: 1em auto;
		width: 780px;
		height: 550px;
		text-align: left;
		background-color:  #F2F9FF;
		border: 1px solid black;
		
	}
#header
	{
		width: 780px;
		height: 89px;
		background-image:url(../images/mainback.jpg);
		background-repeat:no-repeat;
		padding-top: 2px;

	}
#headtext
	{
		font-family: arial;
		font-size: medium;
		width: 780px;
		margin-top: 33px;
		padding-left:335px;	
	}
#headtext h1
	{
		font-size: 160%;
	}
#headtext2
	{
		font-family: arial;
		font-size: small;
		width: 780px;
		margin-top: -20px;
		padding-left: 590px;	
	}
#red
	{
		text-color:red;
	}
#headtext2 h2
	{	
		font-size: 90%;
	}
#menu
	{
		margin-top: -12px;
		width: 780px;
		height: 20px;
		background-image:url(../images/menubar.gif);;
	}
#menutext
	{
		width: 780px;
		height:2px;
		font-family: arial;
		font-size: 80%;
		font-weight:bold;
		text-align: center;
		padding-top: 2px;	
	}

#footertext
	{
		width: 780px;
		height:2px;
		font-family: arial;
		font-size: 70%;
		text-align: center;
		padding-top: 2px;	
	}
	
#maintexthead
	{
		width: 780px;
		font-family: arial;
		text-align: left;
		margin-top: 20px;
		padding-left: 30px;	
	}
#text h2
	{ 
		width: 370px;
		text-align: center;
	}
#para
	{
		margin-top:20px;
		background-color: #F2F9FF;
		
	}

#pic1
	{
		width: 265px;
		height:361px;
		background-image:url(../images/pic1.jpg);
		background-repeat:no-repeat;
		margin-left: 30px;
		padding-left: 30px;

		
		
	}
#text
	{
		font-family: arial;
		font-size:80%;
		padding-bottom: 50px;
		padding-left: 300px;

	}
#text p
	{
		width:370px;
		text-indent: 10px;
	}

table.servicesT
	{
	 font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 265px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	padding-bottom: 20px;
	}

table.servicesT td.servHd
	{ 
		border-bottom: 1px solid #6699CC;
		background-color: #BEC8D1;
		text-align: center;
		font-family: Verdana;
		font-weight: bold;
		font-size: 11px;
		color: #404040;
	}


table.servicesT td
	{
		border-bottom: 1px dotted #6699CC;
		font-family: Verdana, sans-serif, Arial;
		font-weight: normal;
		font-size: 11px;
		color: #404040;
		background-color: white;
		text-align: center;
		padding-left: 3px;
		padding-bottom: 10px;
		padding-top: 10px;
	}

#left 
	{
	float: left;
}