Centrar contenedores

[willyfc]

mira modifique un poco tu código css, adaptalo haber si te sirve:

Código:

@charset "utf-8";
/* CSS Document */
html{height:100%; margin:0px;}
body{
	background-image:url(../images/fondo.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
	height:100%;
	margin:0px;
}
#lateral{
	background-image:url(../images/lateral.png);
	background-repeat:repeat-y;
	border-right:solid 4px #FF9900;
/* este ancho decia 213px pero en realidad media 243px por eso en ie el borde se iba mas a la derecha  */	
	width:243px;
	height:100%;
	margin:0;
	float:left;
	position:relative;
}
#img{
	width:100%;;
	height:136px;
	text-align:center;
}
/*aqui no respeta el margin-top por que tiene que ir separado por coma*/
#img ,#logo{
	margin-top:25px;
}
#lateral div#menu{
	width:243px;
	height:70%;
}
#menu ul{
	list-style:none;
	text-align:right;
	bottom:0%; 
	right:0%; 
	margin:0 0 5px 0;
	width:243px;
	height:auto;
	position:absolute;
}
#menu ul a{
	font-family:"Freestyle Script", "Monotype Corsiva", "Script MT Bold";
	font-size:28px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:38px;
	color:#000000;
}
#lateral #menu ul a:hover{
	text-decoration:underline;
}
#menu ul li{
	width:100%;
}
#menu ul #on{
	background:url(../images/on.gif) right no-repeat;
}
.centro
{
	float:left;
	margin-top:50px;
	margin-left:60px;
	width:500px;
	height:auto;
	display:table;
}
.YellowText
{
	font-size:32px;
	font-family:Futura, Arial, Verdana;
	color:#FFCC00;
}
#imagen{
	position:absolute;
	top:35%;
	left:50%;
	width:392px;
	height:225px;
	z-index:1;
	border:1px solid #000000;
}
#contentTexto{
	width:470px;
	height:158px;
	background-image:url(../images/round.gif);
	background-repeat:no-repeat;
	color:#6A6A6A;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #000000;
	position:absolute;
	top:65%;
	left:35%;
}
#contentTexto #subtitle{
	font-size:18px;
	font-weight:bold;
	margin:10px;
}
#contentTexto #GenText{
	font-size:13px;
	font-weight:500;
	margin-left:60px;
	margin-top:30px;
}
#contentTexto #GenTextF{
	font-size:13px;
	font-weight:500;
	margin-left:40px;
	margin-top:10px;
}
#GenTextF li
{
	line-height:15px;
}
#GenText span
{
	margin:5px;
	float:left;
}
#contentTexto #GenTextC{
	font-size:12px;
	font-weight:500;
	width:156px;
	float:left;
	margin:0px;
}
#GenTextC ul
{
	/*margin:0px;*/
	margin-top:3px;
}
#fotografias .foto
{
	margin:2px 20px;
}
#fotografiasDiv{
	position:absolute;
}
#fotografiasDiv .ampliar
{
	margin-right:20px;
	text-align:right;
}

copialo y pegalo en tu código css y el html dejalo como estaba

y no utilices javascript