Да всё понятно... )
К сожалению, вынужден констатировать, что рекомендациям-то данным ранее Вы так и не следуете...

Не надо body {height: 100%}... Надо body {min-height: 100%}... Не надо outer {min-height: 100%}... Опять куча лишних блоков... Злоупотребление абсолютным позиционированием там, где и без него всё хорошо... Какие-то никому не нужные отрицательные поля... Не надо всяких clear там, где можно обойтись и без них... Не надо Arial Narrow... Не надо sub – он по семантическим соображениям здесь не подходит... Все прошедшие разговоры о Faux Columns – впустую...

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<script type="text/javascript">
var d = document;
var winIE = (navigator.userAgent.indexOf("Opera")==-1 && (d.getElementById && d.documentElement.behaviorUrns)) ? true : false;

function bodySize() {
if(winIE && d.documentElement.clientWidth) {
sObj = d.getElementsByTagName("body")[0].style;
sObj.width = (d.documentElement.clientWidth<1003) ? "1003px" : "100%"; }}

function init() {
if(winIE) {bodySize(); }}
onload = init;
if(winIE) {onresize = bodySize;}
</script>

<style type="text/css">
* {margin: 0px; padding: 0px;}
html {height: 100%}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000000; background: url(bgleft.gif) #F8E7EC repeat-y; min-width: 1000px; min-height: 100%; position: relative;}
* html body {height: 100%;}

p {font-size: 1.2em; margin: 6px 10px;}

#header {text-align: right; background: url(logo.gif) #FFFFFF no-repeat; height: 90px;}
#header h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; color: #9B9B9B; padding: 26px 20px 12px 0px;}
#header p {font-family: Arial, Helvetica, sans-serif; font-size: 2.8em; font-weight: bold; color: #6D3D26; margin: 0px; padding-right: 20px;}
#header span {font-size: 0.5em; color: #514D4D; vertical-align: 65%;}

#menu {background: url(bg_head.gif) repeat-x; height: 41px;}

#navlist {background: url(head_deliver.gif) no-repeat; height: 41px; margin-left: 217px; padding-left: 16px; list-style: none;}
#navlist li {float: left;}

#navlist li a {font-family: Tahoma; font-size: 1.6em; font-weight: bold; color: #c5a696; text-decoration: none; display: block; padding: 7px 10px 9px;}
#navlist li a:hover {color: #000000; background: #C1C185;}

#outer {width: 100%; padding-bottom: 50px; overflow: hidden;}

#left {width: 221px; float: left;}
* html #left {margin-right: -3px;}

#centrecontent {margin-left: 221px;}
* html #centrecontent {height: 1%; margin-left: 218px;}

#footer {text-align: center; background: #FF8080; width: 100%; height: 50px; position: absolute; bottom: 0px;}
* html #footer {bottom: -1px;}
</style>
</head>

<body>
<div id="header">
****<h1>архитектура, дизайн, строительство</h1>
****

(8162) 77-72-29</p>
</div>

<div id="menu">
****<ul id="navlist">
****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
****[/list]
</div>

<div id="outer">
****<div id="left">

Левая менюшка</p></div>
****<div id="centrecontent">

Тут много текста</p></div>
</div>

<div id="footer">

Подвал сайта</p></div>
</body>
</html>