Ayuda con este diseño

[billbody]

Hola, tengo un problemita con este diseño ( ademas de no gustarme nada, pero cada uno hace de su cu...un pito... )

El pie de pagina ( footer ) en el IE 6 no se ve en el fondo de todo.
Y como pongo una linea que separe div #IZQUIERDA de div #DERECHA pero que ocupe todo el alto de div #CONTENEDOR

Probe con un borde a la derecha de #IZQUIERDA pero solo me toma el alto del contenido de la div.

Gracias de ante mano.

Pd esto de los estandares puede ser frustrante!!!

Código:

<!--
#cabezal {
	background: #31363E;
	width: 100%;
	border-top: 3px solid #ECECEC;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #267947;	
}
#cuerpo {
	background: #267947;
	width: 100%;

}

#contenedor{
background-color:#267947;
margin-left: 122px;
width:780px;
}
#izquierda {
	color: #FFFFFF;
	width: 480px;
	/*margin-left: 100px;*/
	float: left;
	padding-top: 40px;
}
/*html > #izquierda {background: #2D2D2D;
	color: #FFFFFF;
	width: 480px;
	margin-left: 122px;
	float: left;
	}*/
#derecha {
	width: 298px;
	/*margin-left: 602px;*/
	float:right;
	padding-top: 40px;
}
#nav {
	margin-left: 122px;
	width: 780px;
	height: 30px;
	padding-top: 5px;
}
#pie{
	position: absolute;
	bottom: 0px;
	width:100%;
	background: #31363E;
	overflow: visible;
}
#nav li {
	list-style: none;
	display:inline;
	padding-right: 10px;
	padding-left: 5px;	
}
#nav li a { text-decoration:none; color:#F7F7F7;}
#nav li a:hover{ text-decoration:underline; color: #b1c779;}
#nav ul {
	margin: 0px;
	padding: 0px;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FCFCFC;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #b1c779;
}
a:active {
	text-decoration: none;
}
#logo {
	margin-left: 90px;
	padding-bottom: 10px;
}
#cuerpo {
	padding-top: 7px;
}
#contenedor-nav {
	background: #2B2B2B;
	border-top: 1px solid #414141;
	border-bottom: 1px solid #;
	border-bottom: 1px solid #414141;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h4 {
	font-size: 16px;
}

-->
</style>

<div id="cabezal">
  <div id="logo"><img src="img/logo.gif" alt="Inicio" width="350" height="100" /></div>
  <div id="contenedor-nav"><div id="nav">
    <ul>
      <li><a href="#">Inicio</a></li>
      <li><a href="#">Quienes Somos </a></li>
      <li><a href="#">Nuestros Servicios</a></li>
      <li><a href="#">Ultimos Trabajos </a></li>
      <li><a href="#">Staff</a></li>
      <li><a href="#">Clientes</a></li>
      <li><a href="#">Contacto</a></li>
    </ul>
  </div></div>
  
</div>
<div id="cuerpo">
  <div id="contenedor">
    <div id="izquierda">

      
      
    </div>
    <div id="derecha">
      
    </div>
  </div>
</div>
<div id="pie">Content for  id "pie" Goes Here</div>