title: Squarespace div positioning with custom CSS
body: <p>I'm helping a friend with her website, which she created in squarespace... she simply wants the three home page images to be overlapping... the images are located in several divs inside of divs. I'm trying to do a hack where I put absolute positioning on the divs so I can position them where I want them and also overlap them, and it works when I'm looking at the site in firebug, but once I add the custom code in squarespace, it doesnt work! Frustrating... Does anybody have success in squarespace with inserting your own CSS in order to manipulate positioning of divs?</p>
  
  <p>Here is the website:
  <a href="http://www.marciahindsadg.com/" rel="nofollow">http://www.marciahindsadg.com/</a></p>
  
  <p>And here is the code that works for me in firebug, but not once I put it in squarespace's custom css section:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  
  &lt;!--- Film image block --&gt;
  #yui_3_17_2_1_1423953053128_228 {
      left: -110px;
  }
  
  &lt;!--- Television image block --&gt;
  #yui_3_17_2_1_1423953253236_246 {
      right: 150px;
      top: -20px;
  }
  
  &lt;!--- Fantasy image block --&gt;
  #yui_3_17_2_1_1423953253236_211 {
      z-index: 100;
      left: 550px;
      top: 115px;
  }
  
  &lt;/style&gt;
  </code></pre>