title: Difficulty tuning text placement on web page
body: <p>I am having difficulty tuning the placement of text on my web page.  Items on the page seem to float about and not lock down.  I need them to stay static with respect to the background image.</p>
  
  <p>For example, I have a div Item called "leftMenu" I want the left menu to stay approximately 20 pixels to the left of the background image.  Things seemed to work until I had to center the background image.  Now that the background image is centered, I seem to have lost the ability to lock down div positions with respect to the background. </p>
  
  <p>When the screen is full size things look good, but when the page size is altered the leftMenu drifts all over the place.  I'm currently going through a lot of trial and error using absolute and relative positioning, but I can't seem to get the right combination of settings to make the item stay put irrespective of the page size.</p>
  
  <p>Page:  <a href="http://107.22.173.10/" rel="nofollow">http://107.22.173.10/</a>
  user: test2
  pass: abc111</p>
  
  <p>Any advice would be greatly appreciated.</p>