content drops down under IE

[moisea]

hello, i need help please. my content drops down under IE6 and opera9 too.
i think its something to do with min-width setting not so sure though as i tried but no changes. can anybody help please!
here is the link of my site.
here is the css bit concerned.

/* CSS Document */

      * { margin:0; padding:0; }
   BODY { background-color:#FFF;
          /*font-family:georgia, arial, tahoma, verdana;*/
	  font-size:14px; }
	  a { color:#000;
		text-decoration:none; }
	  h1{padding:160px 40px 0 30px}	
a:hover { text-decoration:underline; }
#header {height: 200px;
		border-bottom: 1px solid #FFF;
		background : #7C7C7C  url(../images/Aheader.jpg)  no-repeat;
		padding:0;
		color:#D8CDC0 }
#navigation{
		height: 57px;
		border-bottom: 1px solid #FFF;
		background: #C0C0C0;
		/*text-align: center;*/
		padding-bottom:0; }
#right { float:right;
		width:235px; /*200px*/
		padding:0 ;
		background-color:#dbdbdb /*#fbf9f4*/; }
#left { float:right;
		width:235px; /*200px*/
		padding:0 ;
		background-color:#63543d;
		color:#FFF; }
#center { 
		margin-right:360px; /*430px*/
		/*margin-left:215px;*/
		padding:0px 10px 0 15px;
		background: transparent; }
#footer { clear: both;
		height: 50px;
		background: #7C7C7C/*#fbf9f4*/;
		color:#FFF;
		font-size:12px;
		text-align: right;
		border-top:1px solid #FFF;
		padding:15px 20px 0 15px; }

any help would be appreciated.
many thanks.

[moisea]

any ideas? need help here please.

[Centauri]

First off, the right margin on #center is not big enough to clear the combined widths of #left and #right. Secondly, some of the content within #center has an explicit width which is too wide to fit - FF will just allow that content to spill outside of #center, causing an overlap, whilst IE will expand #center to fit the content, which then does not have enough room so it drops below. If the screen is wider, then it fits. Recommend doing some maths to determine the minimum widths required and restrict the body to that width.