maquetar una lista dentro de una capa en el top

[snowmanchip]

Hola... tengo una duda.. la lista que quieres ubicar arriba está dentro de qué contenedor? hay otro div que debe quedar al lado de esta lista?..se podría decir que un sidebar de un contenedor..te lo pregunto porque el div que contiene la lista tiene un ancho de 1280px..es imposible que se ajuste a la izq de la página aunque uses un float left, como ejemplo te envío este código:

Código HTML:

<div id="contenedor">
 <div id="friends">
        
       	  <ul id="friends_pro">            
            <li><a href="" ><img  src="imagenes/mens_pro.png" align="top"></a></li>  
                <li><a href="" ><img  src="imagenes/photo_pro.png"></a></li>
              <li><a href=""><img  src="imagenes/historial_pro.png"></a></li>
                <li><a href=""><img  src="imagenes/amigos_pro.png"></a></li>
		  </ul>
   </div>
  <div id="contenido">
  Lo que irá en este contenedor
  
  ,blabla bla</div> 

css sólo ejemplo:

Código HTML:

#friends{
	height:200px;
	width:30%;
	padding:0px;
	margin:0px;
	list-style-type: none;
	float: left;
}
#contenido {
	width: 70%;
	float: right;
}

#friends_pro ul{
	padding: 0px;
	list-style-type: none;
	float:right;
	margin:0px;
	
}
#friends_pro li{
	list-style-type: none;	
	padding: 0px;
	margin:0px;
	
	}

Saludos