Untitled

<html>
<head>
    <style>
       body { overflow: hidden; }
       * {
          font: 11px "Lucida Grande", Arial;
          margin: 0px;
          padding: 0px;
       }
       #boxcon {
          display: block;
          width: 100%;
          height: 100%;
          overflow: auto;
          border: 1px solid blue;
       }
       #box {
          display: block;
          height: 90%;
          width: 500px;
          border: 1px solid red;
       }
       #box p {

       }
    </style>
</head>
<body>
<div id="boxcon">
   <div id="box">
      <p>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over

the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps

over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</p>
   </div>
</div>
</body>
</html>