title: Make a Facebook style profile picture with divs
body: <p>just yesterday i created a plan for my new profile page i'm designing. The plan will be shown below. Basically i would like to know how to get the profile picture image to float above the cover photo and the div #background. My only way two ways i would know of are: <code>#profile_pic {z-index:1500; }</code> or <code>#profile_pic {position:absolute;}</code>. If any of these would work how can i float them between the two divs. Thankyou</p>
  
  <p>profile page plan:</p>
  
  <p><img src="https://i.stack.imgur.com/3p7Eo.jpg" alt="http://s10.postimg.org/8rlvj7n6x/Profile_page_plan_Myi_World.jpg"></p>