Hola tengo un problema para que el pie de página se alinee al margen izquierdo en la página.
Dentro de lo poco que se de css probé distintos tags, pero nada funciona.
Les paso lo que tengo por si alguién sabe que error tengo en los códigos.

html

<div class="contenedorcuerpo">

<div class="puntitos"></div>

<div class="imagen"><img src="imagenes/nos/cuadroparaimagen.png" alt="recuadro para imagen" name="recuadroimagen" width="768" height="225" border="0"/></div>

<div class="titulo"><img src="imagenes/nos/titulonos.png" alt="titulo para seccion" name="nos proponemos" width="386" height="33" border="0"/></div>

<div class=" minicontenedor_texto">
<p>generar soluciones para efectivizar las comunicaciones entre los distintos actores sociales, promoviendo vínculos y favoreciendo el entendimiento.</p></div>

<div class=" minicontenedor_textoderecha"><p> Al estar inmersos en la "era de las comunicaciones", es cada vez más importante posicionarse con una imagen sólida frente a una sociedad cubierta de información descontextualizada, donde se manifiesta la perdida de las identidades. Nuestro fin es generar proyectos en base a una estrategia de comunicación integral, atendiendo la particularidad de cada cliente.</p> <div/>

<div class="puntitos margen_top"></div>
</div>

<br style="clear:both" />
<div class="pie">
<div id="estilopie">estudioñu&nbsp;&nbsp;·&nbsp;&nbsp;0221-155654321&nbsp;&nbsp;·&nbsp;&nbsp;[email protected]</div>
<div id="menuhpie">
<ul>
<li><a href="#">LinkedIn</a></li>
<li>·</li>
<li><a href="#">Flickr</a></li>
<li>·</li>
<li><a href="#">Behance</a></li>
<li>·</li>
<li><a href="#">Twitter</a></li>
<li>·</li>
<li><a href="#">Facebook</a></li></ul></div></div></div>
</body>
</html>



CSS

.contenedorcuerpo {
background-image:url(imagenes/index/fondo_cuerpo_desarrollo.png);
background-repeat:no-repeat;
background-position: 0px 4px;
width: 920px;
height: 517px;
margin: 1px 0px 0px 40px;
}

.imagen {
float:left;
width: 768px;
height: 225px;
margin: 25px 0px 0px 72px;
}

.titulo {
float:right;
width: 386px;
height: 33px;
margin: 25px 90px 0px 0px;
}

.minicontenedor_texto {
float:left;
width: 281px;
height: 130px;
margin: 49px 0px 0px 153px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:17px;
font-weight:400;
text-align:right;
line-height: 115%;
color:#666;
}

.minicontenedor_textoderecha {
float: left;
width: 382px;
height: 130px;
margin: 0px 0px 0px 12px;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
line-height: 180%;
text-align: justify;
color:#666;
}

.puntitos {
width:892px;
border-bottom:dotted #999999 2px;
margin: 0px 0px 0px 10px;
float: left;
}

.margen_top {
clear:both;
margin:30px 0px 0px 10px;
}

/*estilos pie*/
.pie {
clear:both;
width: 980px;
height: 20px;
margin-left: 50px;
font-family: Verdana, Geneva, sans-serif;
}
#estilopie {
width:440px;
color:#666;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
float:left;
}
#menuhpie {
width:463px;
height:10px;
padding:0px 0px 0px 0px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;

}
#menuhpie ul, li {
list-style-type: none;
}
#menuhpie ul {
margin: 0;
padding: 0;
}
#menuhpie li {
float: right;
}
#menuhpie a {
text-decoration: none;
display: block;
color:#666;
text-align: center;
padding: 0px 10px 0px 10px;
}
#menuhpie a#primero {
border-left: 1px solid #ACCFE8;
}
#menuhpie a:hover {
color:#C00;
}

Se agradece cualquier observación!