DIV.Menu
{
  /****** Appearance  ******/
  border: 1px solid black;
  background-color: #e9e9e9;

  /****** Positioning ******/
  width: 200px; 
  height: 300px;      
  top: 82px;         
  left: 15px; 

  /****** Layout      ******/
  position: absolute;
}

DIV.Content
{
  /****** Appearance  ******/
  font-size: 12pt; 
  border: 1px solid #000099;
  background-color: #e9e9e9;
  background-image: url('scale.gif');
  /* No padding - it's interpreted differently! */

  /****** Positioning ******/
  margin-left: 240px;   /* Get past the menu on the left */
  margin-bottom: 10px;
  width: 500px;         /* Min width, will expand in IE */
  height: 400px;

  /****** Layout      ******/
}

/* Override the min in non-IE browsers*/
html>body .Content    /* IE ignores this unsupported syntax */
{
  display: table;     /* Magic property. Causes DIV to behave */
      /* as a table in Firefox, that is, *not* expand to fit  */
      /* container, but *do* expand to fit content if larger. */
  min-width: 500px;   /* Recognized by Firefox but not IE.    */
  min-height: 400px;
}