title: When I set my div's css position to absolute the background-image disappears - help?
body: <p>I'm trying to achieve the common design of a graphic at the top and bottom of my screen.  I have a div with a background-image at the top and another at the bottom.  No problems with the top one but of course I want the 'bottom' one to stay at the bottom of my page.  To do this I set a containing div with position:relative and then set the 'bottom' div {position:absolute; bottom:0;}
  The problem is that as soon as I set the 'bottom' div position to absolute the background-image disappears!
  I have a 40px height for the bottom div - but it is empty.</p>
  
  <p>I have uploaded two version:  with the images showing but nasty positioning <a href="http://www.NottsGuitar.co.uk" rel="nofollow">www.NottsGuitar.co.uk</a>  With absolute positioning : <a href="http://www.nottsguitar.co.uk/indexAbsolute.php" rel="nofollow">www.NottsGuitar.co.uk/indexabsolute.php</a></p>