Firefox vs. IE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html4/loose.dtd">
<html>
<head>
    <style>
.todo { color: red; font-weight: bold }

body {
  font-family: Arial, Helvetica;
  margin: 1em 5em;
  background: gray;
height: 800px;
}
#right {
  background: #329fc8;
  height: 100%;
  width: 20%;
  float: right;
      border: 1px solid black;
}
#contact {
  background: white;
  height: 100px;
  text-align: center;
}
#contact img { padding-top: 30px }
#left {
  background: white;
  height: 100%;
  width: 80%;
}
#header {
  background: black;
  height: 100px;
}
#divider {
  background: #329fc8;
  height: 4px;
}
#breadcrumb {
  height: 37px;
  background: #c5c9d4;
}
#lr {
  background: green;
  float: right;
  width: 70%;
  height: 100%;
  padding: 0;
}
#ll {
  background: yellow;
  width: 30%;
      height: 100%;
}
#nav {
  border: 1px solid black;
}
#nav ul {
  list-style-type: none;
}
    </style>
  <title>foo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link REL="StyleSheet" TYPE="text/css" HREF="/main.css">
</head>
<body>
<div id="right">
<!--  <div id="contact"><img src="/images/contact.jpg" alt=""></div> -->
</div>
<div id="left">

<div id="header"></div>
<div id="divider"></div>
<div id="breadcrumb"></div>
<div id="lr">
</div>
<div id="ll"></div>
</div>
</BODY>
</HTML>