Aquí veo un fallito,
#contenedor {
margin-top: 0px;
margin-botoom: 0px;
margin-left: auto;
margin-right: auto;
width: 760px;
}
bottoom debe ser bottom.
De todas formas, en vez de todas esas margenes lo puedes resumir así:
#contenedor {
margin: 0px auto;
width: 760px;
}
Como con el ejemplo que has puesto apenas se puede ver lo que quieres hacer pero me hace entender que quieres tener un diseño con una columna a la izquierda te pongo un ejemplo de una base para ir trabajando. Es un ejemplo hecho por un amigo que es un profesional en esto.
Tiene una cabecera, una parte central, una columna a la izquierda y un pie de página.
Cópialo, guárdalo como un archivo .html, ábrelo en un navegador y en un editor de texto y échale un vistazo.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Left Column test</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
#header_n_content {
margin-left:12em;
}
.wrapper {
width:100%;
float:right;
background:#FCC;
}
h1 {
padding:0.25em;
background:#FFC;
}
#content {
padding:0.5em;
}
#sidebar {
float:left;
width:11em;
padding:0.5em;
background:#CCF;
}
#footer {
clear:both;
background:#CFC;
text-align:center;
padding:8px;
}
a,
a span {
display:block;
height:24px;
width:128px;
}
a {
color:#FFF;
background:#888;
font:normal 16px/24px arial,helvetica,sans-serif;
}
a span {
position:relative;
margin-top:-24px;
background:url(images/button.png) 0 0 no-repeat;
}
a:active span,
a:focus span,
a:hover span{
background-position:0 -24px;
}
</style>
</head><body>
<div id="header_n_content">
<div class="wrapper">
<h1>Logo goes here<span></span></h1>
<div id="content">
<h2>Un título</h2>
<p>Some test content</p>
<p>Some test content</p>
<p>Some test content</p>
<p>Some test content</p>
<p>Some test content</p>
<p>Some test content</p>
<p>Some test content</p>
</div>
</div>
</div>
<div id="sidebar">
<p>Some test content</p>
<p>Some test content</p>
<p>Some test content</p>
<p>Some test content</p>
</div>
<div id="footer">
Test footer
<a href="#">Home<span></span></a>
</div>
</body></html>