¿Y por qué no lo haces así?:
Cita: <style type="text/css">
#panel-contenido{
position:relative;
width:800px;
min-height:310px;
border:0px solid #ff0000;
text-align:center;
margin:0px;
padding:0px;
}
#cont-left {width:10px;
float: left;
height:310px;
background: url(../img/bg-cont-left.png) no-repeat 0px 0px;
margin:0px;
padding:0px;
}
#cont-center {background: url(../img/bg-cont-center.png) repeat-x 0px 0px #fff;
margin:0 10px;
padding:0px;
}
#cont-right {width:10px;
float: right;
height:310px;
background: url(../img/bg-cont-right.png) no-repeat 0px 0px;
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div id="panel-contenido">
<div id="cont-right"> </div>
<div id="cont-left"> </div>
<div id="cont-center">
<div id="contenido">
<p>Aquí va el contenido...!!!</p>
</div>
</div>
</div>
Soy enemigo de usar las posiciones absolutas cuando no parecen necesarias.
Si de esta forma hace lo que quieres, ese código css se podría economizar.