HTML
Код:
<body>

<div class="main">
 * *<div class="left">
 * * * *
 * * * *
 * * * *
 * *</div>
 * *<div class="right">
 * * * *<div class="messages">
 * * * * * *
 * * * * * *
 * * * * * *
 * * * * * *
 * * * * * *
 * * * * * *
 * * * * * *
 * * * *</div>
 * * </div>
</div>

</body>
CSS
Код:
*{
padding: 0;
margin: 0;
}

html 
{
height: 100%;
}

body 
{
height: auto !important;
height: 100%;
min-height: 100%;
position: relative;
}

.header 
{
 background-color:#66CC99;
 width: 100%;
}

.main
{
 position:relative;
}

.left
{
 float: left;
 position:relative;
 width: 200px;
}

.read
{
 width: 200px;
 background-color:#FF9900;
}

.write
{
 width: 200px;
 background-color:#66CC00;
}

.menu
{
 width: 200px;
 background-color:#669900;
}

.right
{
 float:inherit;
}

.messages
{
 height:auto;
 margin-left:200px;
 background-color:#FFFF00;
}

.letter
{
 * margin:0px;
 * padding:0px;
}

.footer
{
 position: absolute;
 width:100%;
 background-color:#FFCC66;
 left: 0;
 bottom: 0;
}
Короче в Мозилле и Опере всё шикарно!
В ИЕ косяк ...

Вот скрин как должно быть и как отображается в мозилле и опере
[attachment=7510:attachment]

А вот скрин как в ИЕ
На котором видно что из неоткуда берутся 3 пикселя... напротив меню перед словами "письмо"
[attachment=7511:attachment]

Помогите плиз!