whats going on with my site?

[hargi]

Also is there a way of stopping the brown bit in the main from extending that far out it should be the same width as the critical thinking logo
its most noticable on this page in IE http://www2.qeliz.ac.uk/criticalthinking/AS.htm
I have used 2 style sheets to try to overcome browser problems

OLD style sheet

* {
padding:0;
margin:0;
}
html {
height:100%;
}
body {
font-family: "Arial Rounded MT Bold", "century gothic", verdana, tahoma, sans-serif;
font-size:16px;
color:#000000;
background:url("Images/pinstripe.png");
background-repeat:repeat;
height:100%;
}

#centre {
width:100%;
height:100%;
text-align:center;
}

#wrapper {
Width:650px;
height:100%;
background:url("Images/boarder.png");
background-repeat:repeat-y;
padding-left:50px; padding-right:50px;
text-align:left;
}


#content {

color:#000000;
	background-color:#D6CBAD;
	background:#D6CBAD;
	width:650px;
	height:80%;
}

#nav {
width:650px;
}
#nav ul li{
text-align:center;
display:inline;

line-height:45px;
float:left;
width:130px;
height:50px;
background:url("Images/buttons copy.jpg");
}
#nav ul li a{
color:black;
text-decoration:none;
}
#nav ul li a:hover{
background:#8BBAEE;
color:#000000;
text-decoration:underline;
}

#content-left {
Padding-top:20px;
	
	width:649px;
padding-left:40px;
Padding-right:40px;
font:12pt Arial, "century gothic", verdana, tahoma, sans-serif;
}
#content-left img 
{
float:right;
padding-right:30px;
}

h1 { 
	background:#D7CBAD url("Images/Top banner.jpg") no-repeat;
	background-color:#D7CBAD;
	color:#000000;
	width:649px;
	height:154px;
	float:left ;
	text-indent:-9999px;
	
}

h2 {
Padding-top:30px;
	background-color:#D6CBAD;
	background:#D6CBAD;
	text-align:center;
	font:20pt "Maiandra GD","Arial Rounded MT Bold", "century gothic", verdana, tahoma, sans-serif;
	font-weight:bold;
	
}



#left li {
	background-color:#D6CBAD;
	background:#D6CBAD;
	list-style-type:none;
	text-decoration:none;
	
	margin-top:9px;
}



#footer	{
	
position:absolute;
bottom:0px;
width:650px;
clear:both;
background:#D6CBAD; 
color:#333;
height:25px;
font:8pt "Maiandra GD","Arial Rounded MT Bold", "century gothic", verdana, tahoma, sans-serif;
text-align:center;
  }
	
a:link {

color:black;
text-decoration:underline;
}


 

a:hover {
color:black;
background:#8BBAEE;
}

New Style sheet

* {
padding:0;
margin:0;
}
html {
height:100%;
}
body {
font-family: "Arial Rounded MT Bold", "century gothic", verdana, tahoma, sans-serif;
font-size:16px;
color:#000000;
background:url("Images/pinstripe.png");
background-repeat:repeat;
height:100%;
}
#centre {
background:url("Images/boarder.png") top center repeat-y;
margin-bottom:25px;
margin:0 auto;
width:749px;
background-color:#D6CBAD;
position: relative;
min-height: 100%; /* For Modern Browsers <strong>/
height: auto !important; /</strong> For Modern Browsers <strong>/
height: 100%; /</strong> For IE */
}
#wrapper {
width:650px;
padding:0 50px;
background:url("Images/boarder.png");
background-repeat:repeat-y;
}
#content {
color:#000000;
background-color:#D6CBAD;
width:650px;
}
#nav {
width:650px;
}
#nav ul{
list-style-type:none;
}
#nav ul li{
text-align:center;
display:inline;
float:left;
width:130px;
height:50px;
background:url("Images/buttons copy.jpg");

line-height:45px;
}
#nav ul li a{
color:#000000;
text-decoration:none;

}
#nav ul li a:hover{
background:#8BBAEE;
color:#000000;
text-decoration:underline;
}
#content-left {
Padding-top:20px;

width:625px;
padding-left:20px;
padding-right:20px;
font:12pt Arial, "century gothic", verdana, tahoma, sans-serif;
}
#content-left img 
{
float:right;
padding-right:30px;
}
#header { 
background-color:#D7CBAD;
color:#000000;
width:650px;
height:154px;

}
h2 {
Padding-top:30px;
clear:both;
text-align:center;
font:20pt "Maiandra GD","Arial Rounded MT Bold", "century gothic", verdana, tahoma, sans-serif;
font-weight:bold;
}
#footer {
width: 650px;
background: #D6CBAD;
position: absolute;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
height: 25px;
color:#333;
font-family:"Maiandra GD","Arial Rounded MT Bold", "century gothic", verdana, tahoma, sans-serif;
font-size:8px;
text-align:center;
}
a:link {
color:black;
text-decoration:underline;
}
a:hover {
color:black;
background:#8BBAEE;
}

TIA
Matthew