title: CSS Shadows all four sides of div
body: <p>I want to achieve this in CSS - not CSS3 as I want it to be supported by all browsers
  <a href="https://i.stack.imgur.com/XcWEh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XcWEh.png" alt="bg with shadows on all sides"></a>
  </p>
  
  <p>ie a div containing content, with the shadows on every side. The top area will be used for navigation. I have searched for tutorials but so far to no avail. Help!</p>