Untitled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="content-language" content="en">
    <title>F00</title>
    <meta name="description" content="div colour does not scroll right">
<style type="text/css">
* {
  margin: 0;
}

#red {
  width: 100%; /*you can comment out, same problem*/
  height: 200px; /*fill div up a bit*/
  background-color: #f00;
}
#red p {
  width: 700px;
  background-color: #0f0;
}

</style>
  </head>
<body>
  <div id="red">
    <p>me me me me meee....</p>
  </div>
</body>
</html>