Ya esta llevava ya bastante tiempo intentandolo muchas gracias.
Copio el codigo que ami me a servido por si a alguien le puede servir
Código HTML:
<html>
<head>
<style type="text/css">
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
background-color:#FFFF66;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
#izquierda, #centro-izquierda {float:left;}
#izquierda {width:9px; background-image:url(img/imagen1.jpg); margin-right:0px; padding-right:0px; margin-left:0px; padding-left:0px;}
#centro-izquierda {width:163px; background:#FF9900; margin-right:0px; padding-right:0px; margin-left:0px; padding-left:0px;background-image:url(img/imagen2.jpg); background-repeat:repeat-y; background-position:right;}
#derecha, #centro-derecha {float:right; padding:10px;}
#derecha { background-image:url(img/imagen3.jpg); width:5px; margin-right:0px; padding-right:0px; margin-left:0px; padding-left:0px;}
#centro-derecha {width:719px; background:#FFFFFF; margin-right:0px; padding-right:0px; margin-left:0px; padding-left:0px;}
#izquierda, #centro-izquierda , #centro-derecha, #derecha {padding-bottom:10000px; margin-bottom:-10000px;}
#contenedor {overflow:hidden; background:#FF9900;display:inline-block; min-width:896px;}
</style>
</head>
<body>
<div id="contenedor">
<div id="izquierda"> </div>
<div id="centro-izquierda">
<p>Menu</p>
</div>
<div id="derecha"></div>
<div id="centro-derecha">
<p>Contenido</p>
</div>
</div>
</body>
</html> Saludos.