IE7 Messing up just 1 part of the code

programming web dev
1

in IE7 as you can see the text2right isnt right… its all the way on the left in IE6 and FF its working but on IE7 its not doing what its supposed to do. can anyone help me

www.invel-usa.com

www.invel-usa.com/css/main.css



body
	{
		margin: 0;
		padding: 0;
		text-align: center;
		color: #505367;
		background-image:   url('../images/background.jpg');
		background-repeat:no-repeat;
		background-color:white; font-style:normal; font-variant:normal; font-weight:normal; font-size:85%; font-family:arial, hevetica, sans-serif
	}
a	
	{
		text-decoration:none;
		color: #404040;
	}
	
.class1 A:link {text-decoration: none;color: red;}

a.order
	{
		text-decoration:none;
		color:red;
	}
#container
	{
		margin: 1em auto;
		width: 780px;
		text-align: left;
		background-color:  #F2F9FF;
		border: 1px solid #DADADA;
		
	}
#header
	{
		height: 87px;
		background-image:url('../images/mainback2.jpg');
		background-repeat:no-repeat;
		padding-top: 2px

	}
#headtext
	{
		font-family: arial;
		font-size: medium;
		margin-top: 33px;
		margin-left:335px;	
	}
#headtext h1
	{
		font-size: 160%;
	}
#headtext2
	{
		font-family: arial;
		font-size: small;
		margin-top: -20px;
		margin-left: 590px;	
	}

#righttext p
	{
		text-indent: 10px;
	}
#headtext2 h2
	{	
		font-size: 90%;
	}
#picarea1
	{
		width: 780px;
		height: 290px;
		background-color: #F2F9FF;
	}
#leftpic
	{
		background-image:   url('../images/imageleft1.jpg');
		margin-left: 10px;
		margin-top: 10px;
		background-color: #F2F9FF;
		width: 340px;
		height: 276px;
		border: 1px none;	
	}
#righttext
	{
		margin-right: 10px;
		margin-top: -266px;
		height: 280px;
		width: 400px;
		float: right;
		text-align: left;
		font-family: arial;
		font-size: .8em;
		text-indent: 10px;
	}
#picarea2
	{
		margin-top: -7px;
		width:780px;
		height:180px;
		background-color:#F2F9FF;
	}
#pic2left
	{
		margin-left: 10px;
		width: 336px;
		height: 160px;
		background-image:   url('../images/beforeafter.jpg');
		background-repeat:no-repeat
	}
#text2right
	{
		float: right;
		width:373px;
		height:140px;
		background-repeat:no-repeat;
		background-image:   url('../images/rightback.gif');
		margin-top: -160px;
		margin-right:20px
		


	}
#text2right2
	{
		float: right;
		width: 365px;
		height:140px;
		font-family: arial;
		font-size: .8em;
		text-align: center;
		margin-top: -155px;
		margin-right: 22px;
		padding-top: 10px;
		
	}
#maintexthead
	{
		
		font-family: arial;
		text-align: left;
		margin-top: 20px;
		padding-left: 30px;	
	}
#footer {
	width: 780px;
	padding: 0;
	margin-top: -10px;
}


th {
	
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	background: #CAE8EA no-repeat;; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding-left:4px; padding-right:2px; padding-top:2px; padding-bottom:2px
}

td.alt {
	background: #F5FAFA;
	color: #797268;
}

#superpress
	{
		font-size:9px;
		font-family:arial;
		text-align: center;
		text-decoration: none;
		background-color:white;
	}	
	
#superpress a
	{
		text-decoration: none;
	}
#footertext
	{
		width: 780px;
		height:2px;
		font-family: arial;
		font-size: 70%;
		text-align: center;
		padding-top: 2px;	
	}
#mytable {
	width: 780px;
	padding: 0;
	margin-top: -10px;
}


th1 {
	
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	background: #CAE8EA no-repeat;; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding-left:4px; padding-right:2px; padding-top:2px; padding-bottom:2px
}

td.alt {
	background: #F5FAFA;
	color: #797268;
       }